Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 11, 2017 at 2:11 am #731810
    nadjar

    Hi,

    I have a Header Custom Height of 130 px. I would like to keep the logo the same large size, but the drop down menu (only at Helicopter Tours button) is now too low. There is too much of a gap.

    How can I keep the logo large and the drop down menu higher up? It would be nice to have it right below the word Helicopter Tours.

    Please note that I have enabled a sticky and shrinking header too.

    Thanks, Nadja

    January 11, 2017 at 8:16 pm #732283
    Yigit

    Hey nadjar,

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

    .av-main-nav ul {
    top: 50%;
}
.header-scrolled .av-main-nav ul {
    top: 100%;
}

    Best regards,
    Yigit

    January 12, 2017 at 4:21 am #732425
    nadjar

    Thank you for the fast reply!

    I still need to get it a little bit higher up.

    Thanks, Nadja

    January 12, 2017 at 1:36 pm #732635
    Yigit

    Hi,

    You had some errors in your custom CSS code. I fixed them. Please review your website now

    Best regards,
    Yigit

    January 13, 2017 at 4:50 am #732957
    nadjar

    Hi Yigit,

    I had to switch to a mega menu and now the menu over the slideshow is again too low. Also, I need the logo larger, so I don’t want to decrease the line-height.

    My wish list :)

    1) Move mega menu up.
    2) Make logo larger.

    Thank you for fixing the CSS code.

    Nadja

    January 17, 2017 at 1:26 pm #734688
    Andy

    Hi,

    1.) Use this code inside Quick CSS field:

    .avia_mega_div {
top: 80px !important;
}

    2.) Use this code:

    .logo img {
width: 42% !important;
max-height: 200px; 
}

    Adjust as needed.

    Best regards,
    Andy

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