Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 30, 2019 at 4:43 pm #1132368
    rvpsgi

    Home

    The mobile menus appear behind other page elements. How can we fix this?

    August 30, 2019 at 4:54 pm #1132373
    Jordan Shannon

    Hey rvpsgi,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
.template-page.content.av-content-full.alpha.units{
z-index:0!important;
}}

    Best regards,
    Jordan Shannon

    August 30, 2019 at 5:11 pm #1132382
    rvpsgi

    That worked on the home page (maybe others). But still having issues on a page like:

    St. George Island Neighborhoods

    This is while viewed in IOS 13 on an iPhone Xs Max.

    August 30, 2019 at 5:29 pm #1132390
    Jordan Shannon

    Hi,

    Try the following:

    @media only screen and (max-width: 767px)  {
main.template-page.content.av-content-small.alpha.units{
z-index:0!important;
}

.breadcrumb.breadcrumbs.avia-breadcrumbs{
    z-index: 0!important;
    margin-top: -20px!important;
}}

    Best regards,
    Jordan Shannon

    August 30, 2019 at 6:29 pm #1132411
    rvpsgi

    That seemed to fix it. Thanks!

    August 30, 2019 at 6:49 pm #1132416
    Jordan Shannon

    Hi,

    No problem I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile menus behind other elements’ is closed to new replies.