Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Sticky header with custom topbar color

Home / Forums / Virtue Theme / Sticky header with custom topbar color

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
October 21, 2014 at 12:32 pm

We set the header type to ‘Standard’and turned sticky header ‘on’.
We have made a custom color for the topbar by setting #topbar {background:#8CC33D} in the css (because we use different topbar colors for different sections of the site
Now each time a new page loads, you briefly see the topbar surrounded with a lot of whitespace (offset 28px left and top), before the whole page shifts upwards 28px. This is very annoying while browsing the site.
Note: when we turn off sticky header we have the offset of 28px for the topbar permanently, which is not what we want.

How to correct this? Both for sticky (our preference) and not-sticky (used in mobile site)

  • The forum ‘Virtue Theme’ is closed to new topics and replies.