Logo higher with revolution slider below

coqweb · April 2015

hello,

I want a logo that is larger in the center of Split menu.

to achieve this: #Top_bar #logo {height: 200px significant;}

it works!

I have a slideshow revolution slider below the menu.

My logo is hidden behind.

to make it appear, I added:

position: relative;

z-index: 21;

}

so I have on my home page the css:

#Top_bar #logo {Height: 200px! Important;

position: relative;

z-index: 21;

}

it works perfectly.

My problem: in responsive fashion:

the responsive menu is not clickable.

Can you help me ?

thanks

Albert · April 2015

Hi,

please send us url to page where you got those problems and we'll have a look on it.

coqweb · April 2015

Hello,

http://www.terreo-canyoning.com/

thanks a lot

Albert · April 2015

Ok, we see what is the problem. So the problem is related with z-index you added for logo. To make it working on mobile devices, you must wrap above code that you used for logo inside media queries for larger screens:

@media only screen and (min-width: 959px) {
    //your code here
}

coqweb · April 2015

can you write it for me please ! the all code !

(the problem is the access to the menu in mobile Version.

only on the layout home with the big logo.)

Thanks

Albert · April 2015

You must paste the code that you mentioned above. This is all you need to do.

coqweb · April 2015

you mean ????

@media only screen and (min-width: 959px) {
    //#Top_bar #logo { height: 200px !important;
position: relative;
z-index: 21;
}
}

thanks a lot !

have a nice day

Albert · April 2015

Yes, we mean something like that but not sure what for you got this // tag. It's unnecessary.

coqweb · April 2015

ok !!!

perfect and fast !!!

have a nice day

Albert · April 2015

You're welcome

Logo higher with revolution slider below

Comments