Browser issues

[hjones30]

http://www.ricklucas.net/,

Having issues with just the landing page. the drop-down menus still have a gap between it and the main menu. it works on all other page styles, just not on the landing page, ie the page with the sliders. below is everything we have added to the additional CSS per other forum theeds, but the landing page(slider showing) does not work.

.header .header-inner .nav ul li ul li a{font-size:13px !important; padding-bottom:5px !important; padding-top:5px !important; border-bottom:1px solid #ffffff;}

.header .header-inner .nav ul li:hover a { background:#fcda1e;}
.header .header-inner .nav ul li ul li a { background:#e6e6e6 !important;}
.header .header-inner .nav ul li ul li a:hover { background:#fcda1e !important;}

.header .header-inner .logo img{ height:200px;}
.header .header-inner .logo{float:none !important; text-align:center;}
.header .header-inner .nav{float:none !important; text-align:center !important;}
.header .header-inner .nav ul{float:none !important;}

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

#home_slider { position: relative; z-index: 1;}

Regards,
Chris

[hjones30]

Thank you for the support, however that did not fix the issues on IE Edge or Firefox. http://www.ricklucas.net/,

[Sonal S Sinha]

Hi,

Remove:

#home_slider { position: relative; z-index:1;}

And replace this new code there:

#home_slider { position: relative; z-index:-1;}

Regards,
Chris

[Author]

Posts