3 Questions

Hi everyone,

I have 3 questions.

first one is:

how can i enlarge the logo and place it in the middle ?
It looks like this now(see attachment)

Second question :

How can i remove the search and the headlights module without breaking the menu when scrolling up??

Thirth question:

How can i center the menu bar ??

hope you guys can help me with it.

kind regards

Edit for Question 1 , it needs to be enlarge so it also fits the mobile version of the template

And another question:

How can i make the template compatible to Safari?
At the moment the headers looks like this on Safari(see attachment)
But it looks correct on firefox.

kind regards

Hi

Please show me Your site.

Hi

i just send you a PM

kind regards

Hi

1. Here is a code You need to put in override.css to center logo:

Code: Select all

.svg #gkLogo.cssLogo,
.svg #gkLogoSmall.cssLogo {
    background-image: url("../images/style1/logo.svg");
    height: 80px;
    margin: 40px auto;
    width: 234px;
}

#gkFixedMenu {
display: none;
}

#gkFixedMenu.active {
display: block;
}


2. To center menu use this code:

Code: Select all

#gkMainMenu {
    float: none;
    text-align: center;
}

.gkMenu > ul > li {
    display: inline-block;
    float: none;
}


3. Looks correctly in my Safari ;/

Thank you very much !
It works superb!!

do you also have an answer for question 2?

Second question :

How can i remove the search and the headlights module without breaking the menu when scrolling up??

My menu disappears when i scroll back up when i remove these modules.

Kind regards

Hi

Sorry, Ive missed that. Please add this code to css:

Code: Select all

#gkToolbar {
    display: none;
}


Hi

Sorry, Ive missed that. Please add this code to css:

Code: Select all

#gkToolbar {
    display: none;
}


thats really no problem thnx for your reply , it works perfectly!!

Hi

Ok. Thanks