Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 20, 2017 at 4:18 pm #763682
    Neverlands

    Hello,

    I am trying to place the secondary menu right of the logo.

    /* Secondary Menu inside Main Menu */
#header_meta .container { top: 10px; }
#header_meta .container, #header_meta { min-height: 0; height: 0; }

    This works, but as soon as I scroll down, there is a space at the top of the header.

    At the very top of the page:

    When scrolled down:

    Best regards,
    Neverlands

    March 21, 2017 at 6:10 am #763993
    John Torvik

    Hey Neverlands,

    To fix your problem, just add the custom CSS code below at Enfold Theme Options > General Styling > Quick CSS

    
.header_meta {
height: 6px;
background: #fff;
}

    Let me know if it worked :)

    Best regards,
    John Torvik

    March 22, 2017 at 12:25 pm #764734
    Neverlands

    Hello,

    I changed the css to 

    
#header_meta { height: 6px !important; background: #fff !important; }

    It works :)

    Thank you,
    best regards,
    Neverlands

    March 22, 2017 at 1:49 pm #764777
    Neverlands

    Now I have a problem with the mobile view of the header.
    There a blue stripes above and below the main menu, the secondary menu is not above the logo anymore and the Advanced Layer Slider has a huge white space above it.

    Best regards,
    Neverlands

    March 22, 2017 at 5:14 pm #764899
    Neverlands

    I was able to solve the problem – thanks!

    March 23, 2017 at 7:36 am #765203
    Rikard

    Hi,

    Great, glad you got it working. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    March 23, 2017 at 7:37 am #765205
    Rikard

    Closing topic.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Secondary Menu right of the Logo – Space above Header’ is closed to new replies.