• Mobile view will hide the icon within the hamburger menu

    Is there a way to put the shopping cart icon beside the hamburger menu?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi @23bryan,

    Can you pls send us the page with product menu link so we can check and help you ASAP?

    Regards,

    Thread Starter 23bryan

    (@23bryan)

    hydrofy.sg

    • This reply was modified 3 years, 7 months ago by 23bryan.

    Hi @23bryan,

    The link site you’ve sent to us is about shower product, not hamburger menu as you mentioned above. Therefore, pls check again and send us the correct page to help you

    Regards,

    Thread Starter 23bryan

    (@23bryan)

    yes the hamburger menu is on mobile view of my website. I wish to put the cart menu icon beside the hamburger menu icon instead of inside the hamburger menu.

    Plugin Author WPClever

    (@wpclever)

    Hi @23bryan

    To place a cart menu at your wanted place, please add the element: <span class=”woofc-cart-link”></span>

    If have any difficulties, please send me the theme you’re using then I can provide the exact solution.

    Thread Starter 23bryan

    (@23bryan)

    Hi

    the theme i am using is free version of page builder framework

    https://wp-pagebuilderframework.com/

    Plugin Author WPClever

    (@wpclever)

    I found that this theme already had the cart icon here https://www.screencast.com/t/hYQVKacl31. So, you can show it and fill “.wpbf-woo-menu-item a” into this option https://www.screencast.com/t/bjfsRNd3D

    Now, when clicking on this cart menu, the Fly Cart will be showed up.

    Thread Starter 23bryan

    (@23bryan)

    Perfect, it worked. I’ll drop you a review for excellent support. Thanks.

    However, I would prefer to use your shopping cart icon in desktop/mobile view as it comprises of products total.

    Do you have any ways to make it appear in the mobile view beside the hamburger menu?

    Plugin Author WPClever

    (@wpclever)

    Yes, you can do that ??

    Please add the below snippet (How to add snippet?):

    add_action( 'wpbf_before_mobile_toggle', 'woofc_add_cart_menu' );
    function woofc_add_cart_menu() {
    	echo '<span class="woofc-cart-link"></span>';
    }

    Then add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

    .wpbf-mobile-menu-hamburger .woofc-cart-link {
        margin-right: 10px;
    }

    And the result https://www.screencast.com/t/Uc8wlvTbS0

    Sorry to hijack this thread, but I am having the same issue, but using the Divi theme. I’m not sure which class to target. I will keep looking, but if you can assist, it would really help.
    Thanks
    Ilana

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Show cart icon on mobile view menu’ is closed to new replies.