Topbar Background
-
Hi All,
As from v.3.3.8 many of you may have already noticed that topbar background color changes when revealed on scroll from your ‘custom color’ to an uncostumizable ‘rgba(56, 56, 58, 0.9)’. Though this could be considered a cute effect achieved by theme designers it may sometimes become an annoyance when the topbar reveals on top of a dark image or background.
I suggest that the scrolled topbar background color should become a customizable option.
Meanwhile, you can change this effect in your child theme CSS through the following:
/* Topbar background color fix */ .is-scrolled #header .nav-container.mobile-sticky, .is-scrolled #header .nav-container.desktop-sticky, .is-scrolled #header .search-expand { background-color: custom-scroll-bgcolor!important; }
where ‘custom-scroll-bgcolor’ is your desired topbar background color revealed on scroll.
It could be the same you set for the sticked background [eg: opaque #f26522] or keep the transparency effect with the rgba equivalent and a transparency factor [eg: rgba(242,101,34,0.8)] *** Do not forget to add the !Important suffix ***
See example at blinkthink.net
Cheers,
Soykatorce
- The topic ‘Topbar Background’ is closed to new replies.