Few questions

Hi there.
First, this is site which I am using Quark theme for: http://hedon.sk/sk/
I need some help with few questions. Thx in advance for your help:

1. I would like to change color of MENU (and three lines). I want it much contrast..white or grey..

01_menu.jpg

2. Is there any way to get header button of Quark theme:

02_button.jpg

..to work the same way as this one in Steakhouse/Restaurant one (just for scrolling to next module):

02_button2.jpg

3. I have problem with loading this module: http://hedon.sk/tmp/03_module.jpg
When I am entering site, this module is like "not visible". I have to refresh page (F5) in this place and than module show up.

4. How to make "Show on map" button in contact header "clickable"? I cannot write right code to link it into google map external link: http://hedon.sk/tmp/04_map.jpg

So, thanks so much for your patience with me and looking forward to get some answers soon.

Hi

1. Please add this to override.css and make sure override is enabled in template settings:

Code: Select all

#gkMobileMenu span {
    color: #fff;
}

#gkMobileMenu i,
#gkMobileMenu i::before,
#gkMobileMenu i::after {
    background-color: #fff;
}


2. Just set the link as #gkPageContent so it will scroll to main page content section.

3. Add this to override.css

Code: Select all

.gkTabsNav li {
    opacity: 1 !important;
    transform: translateY(50px) scale(1) !important;
    -webkit-transform: translateY(50px) scale(1) !important;
    -moz-transform: translateY(50px) scale(1) !important;
    -ms-transform: translateY(50px) scale(1) !important;
    -o-transform: translateY(50px) scale(1) !important;
}


4. Where can I find this button ?

Hi TEITBITE. Thx so much for your post/help.

1. Works well. Just right now it is white all the time. That means also when scrolling into white background area. In this link: http://hedon.sk/sk/kontakt ...it is changing when scrolling into white background. Is there any way to have same in homepage?

2. Perfect, thx. What is than next module link?

3. I have added code into override, but looks still the same

4. It is here: http://hedon.sk/sk/kontakt

Thx so much in advance!!!

3. It doesn't work yet. I am looking forward to a fix

4. You need to put this before in the same at the beginning of the GKICON sentence.

<a href="WWW>HEREYOURLINK>COM">

xWiz...thx for your post.

3. Are you serious? ...in demo page this module works well. Where is the problem?

4. I am trying this, but still the same:

Code: Select all

</div>
<a href="https://goo.gl/maps/aViHK"><a class="gk-map-icon"><i class="gkicon-marker"></i>Pozrieť na mape</a>

         </div>

Hi

1. Is it removed right now ? It looks ok I think. Maybe You should use a color which will be visible despite of the background color change.

2. #gkBottom7

3. I can see it without any problems. Maybe cache was not activated yet ;/

4. I'm afraid I still do not understand ;/ Try maybe this:

<a href="https://goo.gl/maps/aViHK" class="gk-map-icon"><i class="gkicon-marker"></i>Pozrieť na mape</a>

Hi teitbite you got the qeustion 2) & 3) mixed up.

2. Is there any way to get header button of Quark theme:
.to work the same way as this one in Steakhouse/Restaurant one (just for scrolling to next module):

and i tried this code but it didn't work:

Code: Select all

.gkTabsNav li {
    opacity: 1 !important;
    transform: translateY(50px) scale(1) !important;
    -webkit-transform: translateY(50px) scale(1) !important;
    -moz-transform: translateY(50px) scale(1) !important;
    -ms-transform: translateY(50px) scale(1) !important;
    -o-transform: translateY(50px) scale(1) !important;
}

Hi

No This code is for Tabs Module

To make button scroll You just need to use an id of the element You would like to scroll to with # in front. As for example to scroll to bottom1 later where id="bottom1" is You need to use href="#bottom1" as a link.

Hi thanks for answering!

Ok thanks!

But i am also trying to get same the design as button of Steak house template.
Because it is hard to read on some pictures

Is there any code for that?

Thx teitbite.

1. Still the same problem. In header module it is ok. White "MENU" on black background. Ones I scroll down into white background, "MENU" disappear.

2. Got it. Fully understand now. Thx so much!!!

3. I found, this is problem just in Chrome. I tried FireFox and IE and it is vissible. But Chrome doesn´t show up that tab module

4. Works well now. Thx!!!

Hi

1. I've already reported this to programmers, so please remove the override code I gave You for that so they will be able to see it fresh.

3. Will show this to programmers as well. Looks like a Chrome bug to me.

Hi teitbite!

I am also trying to get same the design as button of Steak house template.
Because it is hard to read on some pictures

Is there any code for that?

So: Can i change the button design from Quark to Steak House design?

Or do i need to make a new topic?

Hi

3. Please remove "parallax-bg" from modules used in tabs. Looks like chrome cannot process this.

1. Unfortunately no fix for this. It was only design to change color for intro, but it's still up to user to use light background below this area. It's not possible to make a code which would recognise the color of backgorund passing, so it's either changing background to lighter or to use my code with a single color which will be visible on black and white backgorund at the same time.