Sticky Header Opacity

  • Resolved dave.wolff

    (@davewolff)


    9 years, 8 months ago

    I just upgraded to the 1.0 release and the opacity controls do not seem to make a difference. The header setting is currently set to “1”, the max opacity, yet it is still semi-transparent. I changed it to “.1”, the minimum opacity, to see if it made a difference and the opacity remained the same. Although I am using a child theme, the opacity controls have always worked in the past. Is there something new with this updated version?

    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hey Dave

    Great to hear from you, thanks so much for the feedback.

    It does look like I’ve made a mistake somewhere in the 1.0 update. I’m diving in shortly and will have an update for you ASAP.

    Apologies for the hassle.

    Theme Author Andrew Misplon

    (@misplon)

    Apologies again for the hassle. Reports like these are really helpful.

    If you’re not yet using a Custom CSS plugin try one called Simple Custom CSS. Or if you’re already using the Jetpack plugin, go to Jetpack > Settings and activate Custom CSS.

    Simple Custom CSS gets added to Appearance > Custom CSS.
    Jetpack Custom CSS gets added to Appearance > Edit CSS.

    Please insert the following to hotfix:

    /* Set the sticky header opacity to 1 */

@media (min-width: 1024px) {
	#page .site-header.site-header-sentinel.fixed {
    	background: rgba(255, 255, 255, 1);
  	}
}

    Let me know how it goes. Should do the trick.

    Theme Author Andrew Misplon

    (@misplon)

    A quick follow-up to see how this hotfix went. Let me know if there is anything I can help out with ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sticky Header Opacity’ is closed to new replies.