Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 14, 2016 at 5:54 am #597528
    sarahdimeo

    Hi there,

    I am experiencing very strange header behavior after making a few edits to my homepage slider this evening. It appears this way on all browsers.

    What is going on here?

    Please advise as to what we can do.

    Thanks!

    Sarah

    March 14, 2016 at 6:19 am #597542
    Vinay

    Hey sarahdimeo!

    The issue is caused as the link height is more than the header.

    The below css is causing the issue.

    .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a {
    height: 90px;
    line-height: 90px;
}

    If you think it is custom code added in your child theme or in Enfold> General Styling > Quick CSS
    It need to be replaced with the below code if not just add the below code to Enfold > General Styling > Quick CSS

    .av_minimal_header #header_main .container, .av_minimal_header .main_menu ul:first-child > li a {
    height: 60px!important;
    line-height: 80px!important;
}

    Regards,
    Vinay Kashyap

    March 14, 2016 at 5:23 pm #597867
    sarahdimeo

    Hey Vinnie,
    Thanks for responding so quickly!

    I added the code to the quick css but unfortunately that didn’t seem to do the trick. I don’t have any custom code on the site, and the headers were acting just fine prior to me making a small change to the full-page slider last night. It’s almost like the image is slightly underneath the header!

    Any other thoughts?

    Thanks again,

    Sarah

    March 17, 2016 at 1:28 pm #599575
    Günter

    Hey!

    Thank you for coming back.

    I had a look at your site – is the problem still existing?

    I did not recognize anything on FF – can you point out the problem more closely pls? Maybe with a screenshot.

    Best regards,
    Günter

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