Hi Guys,
I`m using Vantage Premium theme on my client`s website. The issue I have is that the top header buttons (header sidebar) with language toolbar are crossing only in Firefox – making it in mess. On other browsers is all fine.
Please help me – how can I fix this?
Many thanks
Z.
Hi
Try adding the following to Appearance > Custom CSS (Vantage Premium) or to your own Custom CSS plugin with Vantage Free:
/* Vantage Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 41px !important; padding-bottom: 41px !important; }Hope that helps.
Hi Andrew,
Thank you for your prompt reply and support. Unfortunately this code didn`t help.
I found this topic: Thread: Circle Icons in the Header – that your solution here helped – but in my case again didn`t :( – as the circle icons settling vertical in a mess (only in Mozilla).
The code on my client`s web look like this:
/* Header */ header#masthead .hgroup #header-sidebar aside.widget { display: inline-block; float: none; } /* Vantage Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 41px !important; padding-bottom: 41px !important; }What else can I try? I don`t want to change the theme. I love this theme.
Thank you
Z.
You’re running an older version of Vantage so just make this change:
/* Header */ header#masthead hgroup #header-sidebar aside.widget { display: inline-block; float: none; }That’ll do the trick.
I removed the period before hgroup.
Yes! Andrew it works! you are a hero! thank you and wish you fabulous weekend! :)
You too :) Glad that helped.