Support ForumSticky Nav Shadow glitched in IE. – Support Forum

Sticky Nav Shadow glitched in IE.

LucasCzar — Tue, 06 Aug 2013 18:24:15 +0000

Hey, I love the theme and plan to buy your others!
That said, I’m having an issue with the shadow effect under the sticky nav bar. It renders multiple times in random ways in Internet Explorer 9, 10, and 11. I haven’t tried older ones.

I wouldn’t mind turning it off for the entire site on any browser, but I don’t know how.

Thank you!
Lucas

Reply To: Sticky Nav Shadow glitched in IE.

IshYoBoy — Thu, 08 Aug 2013 13:03:53 +0000

Hi Lucas,

Sorry for the longer waiting time. We’re very happy to hear you love the theme. Make sure to check out our Nalleto WP Theme. You’ll love it even more!

Regarding the shadow problem, you need to enter some css styles. To do so, please open “Appearance” -> “Theme Options” -> “General Options” and enter the “code” into the “Custom CSS” field.

To remove the shadow completely for all browsers, use:

.part-header.sticky-nav .row{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.part-header.sticky-nav .row{

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

Hope this helped!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Sticky Nav Shadow glitched in IE.

LucasCzar — Thu, 08 Aug 2013 13:20:33 +0000

Check out our what?!?! What will I love?! Haha thanks a bunch for the code! I’m assuming it’s a lot harder to make the shadow disappear for only IE?

You’re awesome!
-Lucas

Reply To: Sticky Nav Shadow glitched in IE.

IshYoBoy — Thu, 08 Aug 2013 14:49:52 +0000

Hey,

Sorry for the typo. You’ll love Nalleto WP Theme ;)

To address IE only just add .ie-all class before (works for IE6 – IE9).

.ie-all .part-header.sticky-nav .row{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ie-all .part-header.sticky-nav .row{

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

You’ll have to add a little more css to access IE 10 and above. You might want to check this:

https://css-tricks.com/ie-10-specific-styles/

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Sticky Nav Shadow glitched in IE.

LucasCzar — Thu, 08 Aug 2013 15:22:01 +0000

Thanks!!!

Reply To: Sticky Nav Shadow glitched in IE.

IshYoBoy — Thu, 08 Aug 2013 15:49:15 +0000

Topic solved!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market