CSS issues: Top and Header Nav Bars

  • Renee Johnson

    (@reneesoffice)


    9 years, 1 month ago

    Hi there!

    I recently updated the theme to latest version (first 3.3.8 then 3.3.9) and I’m having a few styling issues due to the changes.

    1) Previously my top bar was a solid background color, which went well with my design. Now with the transparent top bar, the color has been altered (due to it blending with the site header container background color). I cannot spot where I can remove the transparency in the CSS- could you help?

    Problem is in all browsers I have – Safari, Firefox, and Chrome.

    2) In Safari, the header nav bar seems to have extra padding at the bottom. This does not happen in Chrome or Firefox where the header bar is just right. Any clue why it’s off in Safari?

    Here’s my site: reneesvirtualoffice.com

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Renee Johnson

    (@reneesoffice)

    9 years, 1 month ago

    It appears #2 only happens on the homepage upon first upload. If one toggles to the other pages the menu is restored to its position.

    Denzel Chia

    (@denzel_chia)

    9 years ago

    Hi,

    Regarding your second issue.
    You have a css minify file which has code that fixes your header at 248px height.

    You can try clearing your cache plugin’s cache content and check your custom css code.

    Thank you

    Thread Starter Renee Johnson

    (@reneesoffice)

    9 years ago

    Hi Denzel,

    Thanks so much for your response.

    1) Do you have any info on how to resolve the first issue?

    2) I have spotted that header styling in Safari only strangely…I have cleared the cache multiple times (in plugin and browser) and do not have that style in the customization I’ve made on the site…

    Can you point me to the minified file you are referring to? I’m thinking it may have originated from the theme itself? It looks like an in-lined style that might be dynamically rendered based on the page (since the other pages are rendering properly)?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS issues: Top and Header Nav Bars’ is closed to new replies.