Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #822256

    I just started working on a new Enfold install and when I set my header to have the menu bar above the logo – the menu covers the logo. The menu is set to sticky and shrink on scroll.

    Please help!

    *in order to work on the site while I wait for assistance I have turned off sticky/shrink which is what I believe is causing the error.
    Log in details in private section to turn sticky back on to see error if required.

    • This topic was modified 6 years, 8 months ago by Briana. Reason: Log in information
    #822388

    Hey Briana,

    Please, could you give to us more details? Because I`ve checked your site and all looks normal.

    Best regards,
    John Torvik

    #823036

    Hi John,

    Did you see my little note?
    “*in order to work on the site while I wait for assistance I have turned off sticky/shrink which is what I believe is causing the error.”
    It’s only happening when I turn on the sticky shrinking head that I had to turn off so I could style everything. So I included a log in so you could turn these settings on and see the error.

    I quickly turned on the sticky/shrinking setting and took a screenshot for you.
    Shrinking menu covering logo
    This is how it looks at the very top.

    #824636

    Hi Briana,

    What is the login link?

    Best regards,
    Victoria

    #824920

    See private section.

    #828479

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .logo img {margin-top: 5%!important; }
    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 125px!important; }
    .logo img {margin-top: 5%!important; }}

    Best regards,
    Mike

    #828826

    Thank you Mike,
    I managed to get the functionality I was after by using your code (tweaking some values) along with adding

    .html_top_nav_header .av-logo-container {
        height: 150px !important;
    }

    I hadn’t added any custom styles that would affect function of the header section prior to now – so is having the menu above + logo below set to scroll/shrink causing the menu to overlap the logo? and if so is this a glitch in the theme?

    #828846

    Hi,
    Thank you for sharing your solution, I’m not sure if it is a glitch, I’ll have to review it some more on a clean install, after which I can share my findings with the team. Shall we close this for now then? Thank you for using Enfold.

    Best regards,
    Mike

    #828886

    Yes this can be marked as closed :)
    Thanks for your help.

    #830888

    Hi,

    Great! Thank you for the update. Let us know if you need anything else. :)

    Best regards,
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Menu Above Logo Below – Menu Covers Logo’ is closed to new replies.