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

Solved Shopping Cart not showing on Mobile

Discussion in 'Free Divi Community Forum' started by WideScenes, May 31, 2018.

Page 2 of 2
  1. Divi.Help

    Divi.Help Administrator
    Staff Member

    Only the slide in menu / fullscreen menu has the cart count. You can change it in: Theme Customizer -> Header & Navigation -> Header Format -> Header Style -> Choose 'Slide In' or 'Fullscreen'
     
    #21 Divi.Help, Aug 17, 2020
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  2. Kowmari

    Kowmari New Member

    Cart Number is showing in Desktop, but on mobile and tablet its not showing up...Need to fix this soon...
     

    Attached Files:

    #22 Kowmari, Aug 18, 2020
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    As mentioned, you will need to change your mobile header format to slide in menu / fullscreen menu: Theme Customizer -> Header & Navigation -> Header Format -> Header Style -> Choose 'Slide In' or 'Fullscreen'

    Only mobile slide in menu / fullscreen menu has the cart count.
     
    #23 Divi.Help, Aug 18, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  4. Mandi Palmer

    Mandi Palmer New Member

    Hi
    I am having the same issue. i cannot see the cart icon in mobile version for my site. It works perfectly on website but not on mobile. how can i get this to show up?
    Site is - https://tsokandco.com.au/
     
    #24 Mandi Palmer, Dec 2, 2020
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #25 Divi.Help, Dec 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. Mandi Palmer

    Mandi Palmer New Member

    this did not work!
     
    #26 Mandi Palmer, Dec 7, 2020
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    That's due to some error in your CSS. Try to move the CSS to the top of your custom CSS & see if it works.
     
    #27 Divi.Help, Dec 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  8. Mandi Palmer

    Mandi Palmer New Member

    thank you it showing up now
     
    #28 Mandi Palmer, Dec 7, 2020
  9. jakobwastberg

    jakobwastberg New Member

    Hi, I am having the same problem on https://jdots.se the shopping cart is not visible on mobile.
    I tried the CSS snippets above but it didn't help. Any suggestions are welcome :)
     
    #29 jakobwastberg, Mar 27, 2021
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #30 Divi.Help, Mar 30, 2021
  11. Cherylb

    Cherylb New Member

    This CSS code worked for me to reveal the cart on my mobile phone. I just adjust the margin size to my liking.

    #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: 65px!important;
    }
    .divi-mobile-menu .hamburger {
    top: 30px!important;
    }
     
    #31 Cherylb, Apr 1, 2021
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
(You must log in or sign up to post here.)
Page 2 of 2