1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Why the icon cart is visible only in the desktop version of the website?

Discussion in 'Free Divi Community Forum' started by Matteo Raggi, Oct 5, 2024.

  1. Matteo Raggi

    Matteo Raggi New Member

    Why the icon cart is visible only in the desktop version of this website https://eurocorsi.it/ instead for mobile and tablet it is hidden? How to adjust it?
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Matteo Raggi

    Matteo Raggi New Member

    Ok divi support already answered to me:

    By default, the cart icon appears on small screens only if the Slide-In Header layout is used in the Header Format settings. To display the cart icon on mobile and tablet devices, you have two options:
    1. Using a Child Theme:
      • Install and activate a Divi child theme
      • Copy the header.php file from the Divi folder to your child theme folder
      • Edit the header.php file in your child theme
      • Add the line: <?php et_show_cart_total(); ?> after the #et-top-navigation div
      • Add custom CSS to Divi → Theme Options → General Tab → Custom CSS
    2. Using Theme Builder:
      • Go to Divi → Theme Builder
      • Create or edit the Global Header layout
      • Use the Menu module
      • Enable "Show Shopping Cart Icon" in the Menu module settings
    Choose the method that best suits your needs and website setup.
    Source: https://help.elegantthemes.com/en/a...display-the-cart-icon-on-small-screen-devices