Perfect in Chrome, but Menu not correct in Explorer

  • Everything looks great on the site while I’m building it in Chrome.
    However, the menu is not showing correctly in Internet Explorer, Firefox, or Chrome.
    The menu is displaying on top while blocking the header & gravatar, and follows the reader down the website.
    The way it looks in Chrome is perfect when I am personally viewing on my computer – The menu is sitting between the header and the social media icons and posts. The menu should not follow. It should stay in its place, as well.
    Any idea how to correct this? I cannot find this issue or solution in searches.
    https://www.immersiontraveling.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter JonBquist

    (@jonbquist)

    I have added the code below prior into the CSS, and it worked perfectly visually while building my site. But it doesn’t appear to be displaying as correct configuration outside of the builder:

    @media only screen and (min-width: 769px) {
    .main-nav {
    position:absolute;
    top:275px;
    }/*Move the main nav menu below the header. Non-responsive only */

    Hopefully this will help in finding a resolution

    Hi jon,

    i only took a quick look. your code is a bit buggy.

    why is the style element (width 48px) within body ? is it from the social icons plugin ? nevertheless it’s not compliant to rfc
    -> either set it as attribute to the img-elements or better put it into your style.css (get in touch with child themes)

    also there’s a duplicate id=”acurax_si_simple” (sidebar and footer) -> that may be the reason for your problem

    both problems don’t come from highwind theme.
    so sort this out first ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Perfect in Chrome, but Menu not correct in Explorer’ is closed to new replies.