Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 17, 2017 at 12:53 am #822256
    Briana

    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 7 years, 4 months ago by Briana. Reason: Log in information
    July 17, 2017 at 9:11 am #822388
    John Torvik

    Hey Briana,

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

    Best regards,
    John Torvik

    July 18, 2017 at 12:50 am #823036
    Briana

    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.

    July 20, 2017 at 3:33 pm #824636
    Victoria

    Hi Briana,

    What is the login link?

    Best regards,
    Victoria

    July 21, 2017 at 1:24 am #824920
    Briana

    See private section.

    July 22, 2017 at 10:15 pm #828479
    Mike

    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

    July 24, 2017 at 2:12 am #828826
    Briana

    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?

    July 24, 2017 at 3:45 am #828846
    Mike

    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

    July 24, 2017 at 6:46 am #828886
    Briana

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

    July 28, 2017 at 5:25 am #830888
    Ismael

    Hi,

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

    Best regards,
    Ismael

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