1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Mobile Menu on Horizontal Phone Scroll Issue

Discussion in 'Free Divi Community Forum' started by Daphne Talbot, Aug 2, 2023.

  1. Daphne Talbot

    Daphne Talbot New Member
    Pro Member

    Hi,

    Website: https://tscpreview.com

    Issue: When I view the site on my phone when my phone is flipped to horizontal, the bottom of the menu disappears. When I have my phone in the normal vertical view the menu is fine. Everything shows.

    Notes: I added this to the site but the max-height (which is fine for a phone viewed as the normal vertical view) is longer than the horizontal phone view.
    .et_mobile_menu {
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
    }

    Question: How do I adjust for the horizontal phone view to scroll without changing the css for the vertical phone view?

    Thanks!
     
    #1 Daphne Talbot, Aug 2, 2023
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You will need to change the max-height value. To make it more precise on different screen, you may use the calc CSS. See below:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Aug 13, 2023
  3. Daphne Talbot

    Daphne Talbot New Member
    Pro Member

    I ended up using this and it works perfectly for this website:
    /* ### MOBILE MENU SCROLL ### */
    .et_mobile_menu {overflow-y:scroll!important;max-height:60vh!important;-overflow-scrolling:touch!important;-webkit-overflow-scrolling:touch!important;}
     
    #3 Daphne Talbot, Aug 14, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)