1. CYBER MONDAY Massive Bundle Sales - 80% OFF (save $739), including the new Divi Block & the popular Divi Ultimate Header Plugin:View Bundle
NEW Divi Block - An online drag & drop tool to easily mix & match 380+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks, Special Module Design & many more.
Learn MoreTry Free Version

Solved Cart Divi on mobile

Discussion in 'Free Divi Community Forum' started by Simonw, Nov 1, 2018.

  1. Simonw

    Simonw New Member

    Hi, how come the woocommerce shopping cart does not appear on the mobile?
     
    1. AD Free Divi before after image slider layout:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to add this CSS at Divi -> Theme Options -> Custom CSS:
    Code:
    #et-top-navigation .et-cart-info {
        display: inline-block!important;
    }
     
  3. Simonw

    Simonw New Member


    it does not change
     
    1. AD All in one set of 60+ design modules with 500+ layouts for all Divi users:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your site URL.
     
    1. AD All in one set of 60+ design modules with 500+ layouts for all Divi users:Learn More
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this instead:
    Code:
    @media screen and (max-width: 980px) {
        #et-secondary-menu {
            display: block!important;
            margin-bottom: 15px!important;
        }
    }
     
  6. Simonw

    Simonw New Member

    Thank you!!!
     
    1. AD All in one set of 60+ design modules with 500+ layouts for all Divi users:Learn More
  7. Scott Williams

    Scott Williams New Member

  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS instead:
    Code:
    #et-secondary-nav, #et-secondary-nav li {
        display: inline-block!important;
    }
    #et-secondary-menu, #top-header {
        display: block!important;
    }
    #top-header .container {
        padding-top: .75em!important;
    }
    #top-header .et-cart-info {
        margin-left: 15px!important;
    }
    #page-container #main-header {
        top: 34px!important;
    }
    .divi-mobile-menu .hamburger {
        top: 30px!important;
    }
     
    Cherylb likes this.
    1. AD Beautify your Divi archive / category page with premade design:Learn More
  9. Scott Williams

    Scott Williams New Member

    Thank you very much
     
    Cherylb likes this.