Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 19, 2016 at 8:09 pm #635515
    frankster1234

    I have an issue with the firefox browser and the full width submenu. When the page is first loaded the menu is not there and my heading text is cut off. As soon as i enter the content section with the cursor and begin to scroll the menu appears and readjusts the layout and everything is good.

    This initial landing on the page has layout issues, I’ve included some links.

    Is it possible to show the menu onload instead of onscroll?

    Thanks

    May 20, 2016 at 2:35 pm #635905
    Yigit

    Hey!

    I could only reproduce the issue on your second link. However, since your content is on the top of your page and your visitors would go to that page firstly and would not use anchor link directly, i do not think that would be an issue.

    Best regards,
    Yigit

    May 20, 2016 at 3:39 pm #635934
    frankster1234

    Thanks for taking a look, my client is anal about the indicators, I know they will not like that solution. They have been looking at the site in other browsers and they like it that the first link has the indicator when you land on the page programs or about page. Is there somewhere in the js or css that the sub-menu is triggered on a scroll event?

    I have taken the #target out of the main menu link for now (the links in the private section still work) but it would be great to have the sub-menu activate on page load instead of when you begin to scroll in firefox.

    I tried a position fixed on the submenu container with css and that made the menu appear right away but the anchor position was off and the green header text is cut off for the content block. It looks like the anchor position is at the very top of the browser window frame not allowing/accounting the fixed header height till onscroll. Maybe I need a change in the fixed header css or js to look for it’s height on load? I’m guessing here :)

    I’d like to find a solution because I think it looks better with the indicator, and it seems a shame to take it out for all the browsers just because firefox won’t load it correctly until you scroll.

    Sorry to be a pain but I want to use this type of menu scenario again on other sites.

    • This reply was modified 7 years, 12 months ago by frankster1234.
    May 23, 2016 at 11:40 am #636697
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-236 .av-submenu-container { 
z-index: 301;
top: 75px;
position: fixed;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.