Home Forums Weaver Xtreme Theme Mobile Menu only showing Home

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18389
    IBNu2WP
    Participant

    Still struggling with mobile menu.  On http://mikeworthcpa.com/  the mobile menu bar is shown on the left side but only displays the Home Page, but the other pages are white text (correct) but the background color isn’t showing – so it appears as if the rest of the menu is not present.  It must be a setting, as the other sites that I have converted to Xtreme or created in Xtreme are working properly.  I have compared the menu settings in the working sites with the cpa site and do not find any settings that I may have set incorrectly.  It is as if the mobile menu isn’t expanding correctly.

    #25187
    scrambler
    Moderator

    You have a custom CSS Rule

    .menu-primary .wvrx-menu, .menu-primary .wvrx-menu-container {
        height: 70px;
        padding-top: 10px;
    }

    That fixes the height opf the menu, preventing it from expanding on mobile. I am not sure where you have that rule, it could be either in the theme Custom CSS Rule box, or in one of the CSS+ boxes of the menu options

    I understand you are doing that to increase the height of the menu bar, so you have several options depending on what is desired on mobile.

    I suspect you can just replace the height by a padding bottom to do the same thing without the side effect

    .menu-primary .wvrx-menu, .menu-primary .wvrx-menu-container {
        padding-bottom:20px;
        padding-top: 10px;
    }

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