1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Mobile Menu Doesn't Display all Items

Discussion in 'Free Divi Community Forum' started by Gary Misner, Apr 26, 2024.

  1. Gary Misner

    Gary Misner New Member

    On my mobile version of my website not all items of my menu display.
    The bottom item doesn’t display? (Contact Us)
    https://spiderchoice.com/
    Did my research but couldn’t find the answer.
    I'm sure it's an easy fix but not sure if it requires some custom CSS or is done in settings
    Thanks in advance.
     
    #1 Gary Misner, Apr 26, 2024
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi Booster

    Divi Booster Divi Expert

    Did you manage to solve this, Gary? I can see the "contact us" link as the last item in the mobile menu.

    As a side note, it looks like the text of the your main "SEO Experts Canada" header is appearing in front of the mobile menu and slightly obscuring some of the menu text. If you want to fix this, you can do so by setting a z-index of 6 or higher on the section containing the menu, to move that section (and hence the menu) in front of the header. You can set the z-index in the section settings at "Section Settings > Advanced > Position > z-index"

    Or with some CSS like so:

    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi Booster, Apr 28, 2024
  3. Gary Misner

    Gary Misner New Member

    Hi,
    Thanks for getting back to me.
    Actually you are the only person that replied to me and I still don't see "Contact Us" in the menu.
    I'm using an older Samsung S8 so maybe it displays different on some newer phones?
    In regards to your other comment about some of the Mobile Menu being obscured do I set the index
    number in Default / Relative / Absolute or Fixed ?
    I really appreciate your input.
    Thanks Gary
     
    #3 Gary Misner, Apr 28, 2024
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi Booster

    Divi Booster Divi Expert

    You're very welcome, Gary.

    I don't currently have access to an S8 to test on, I'm afraid, so I can't check it for you. It's possible that it's displaying differently on your phone, but it's not a feature of Divi that it would. So that would imply it was being done by either some custom code added to your site (which you'd probably know about) or browser compatibility issues. If this is the case, it would probably need someone who has a Samsung S8 to confirm (and hopefully someone reading this has one / can check for us).

    A couple of things to try in the meantime...

    One is that the mobile menu is too long for your devices screen and the "contact us" link (which is the last item in the mobile menu) is disappearing off the bottom of the screen. You can test this yourself by opening the menu and checking to see if you can see the bottom of the menu or if it reaches the bottom of the screen. In that case, you may be able to swipe upwards on the menu to scroll to the end and hopefully see the contact us link. If that's what's going on, then you might want a smaller font size or reduced padding so that full menu fits on the screen.

    You could also go into your menu "WP Dashboard > Appearance > Menus" and temporarily re-arrange some of the items that you can normally see in the menu. Save and then check on the S8. If you don't see the changed menu order, it would suggest there is still a caching issue to deal with that may also be preventing the contact us link from showing.

    I hope something in that helps!
     
    #4 Divi Booster, Apr 29, 2024
(You must log in or sign up to post here.)