This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Isuue with top header widgets in Firefox

Resolved 5 replies themetheme-vantage
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

URL: http://www.stophateuk.org

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 11 years, 1 month ago

    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.

  2. Zuzanna Lumanisha 11 years, 1 month ago

    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.

  3. Andrew Misplon Staff 11 years, 1 month ago

    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.

  4. Zuzanna Lumanisha 11 years, 1 month ago

    Yes! Andrew it works! you are a hero! thank you and wish you fabulous weekend! :)

  5. Andrew Misplon Staff 11 years, 1 month ago

    You too :) Glad that helped.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread