Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 15, 2022 at 8:24 pm #1376300
    rmatus

    My mobile header is overlapping the content, which is creating a visual problem. The images show it best

    View post on imgur.com

    Above 990px, it looks great. From 768px to 990px, the page content appears to jump up tp the top and the header covers it. Below 768px, the previous problem is still there but the logo seems to jump up as well. The page on my staging site that makes it easy to see the problem is https://goodwstg.wpengine.com/about/. Of course, it is on all pages — except the home page that has a transparent header.

    December 17, 2022 at 6:02 pm #1376488
    Mike

    Hey rmatus,
    Thanks for your patience and the link to your site, I found your custom css for the transparent mobile header was causing the issue, I adjusted to this:

    @media only screen and (max-width: 1200px) { 
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {transparent; }
.responsive #top #wrap_all #header.av_header_transparency { position: absolute!important; }

.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {background-color: transparent;}
}

    You logo was also misalinded so I adjusted with this:

    @media only screen  and (min-width: 405px) and (max-width: 767px) { 
	.logo a img {
    left: 50%;
    top: 55%;
    transform: translate(-50%,0%);
}
}

    please clear your browser cache and check

    Best regards,
    Mike

    December 17, 2022 at 6:21 pm #1376491
    Rikard

    Hey rmatus,

    Thanks for the login details. I toggled the file compression option under Enfold->Performance, and that seems to have helped. Please review your site.

    Best regards,
    Rikard

    December 19, 2022 at 11:56 pm #1376806
    rmatus

    Thank you! This worked well.

    I just want to say how much I appreciate the support (without judgment) given by your team. That is why I have so many sites running Enfold and always use it for new sites.

    December 20, 2022 at 12:06 pm #1376860
    Rikard

    Hi,

    Great, I’m glad that we could help, and thanks for the kind feedback :-)

    Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    December 23, 2022 at 12:01 am #1377166
    rmatus

    Please close.

    December 23, 2022 at 2:18 am #1377172
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile Header overlaps content’ is closed to new replies.