Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1346771

    Hi, is it possible to put the floating cart icon as shown in the link below? Next to social icons in secondary menu?

    Also, can the search icon be removed on mobile and tablet?

    Also on mobile (screen 3) – the number of items isn’t displaying with the cart – it’s way below.

    Thank you.

    • This topic was modified 2 years, 7 months ago by c3idesign.
    #1346779

    Also, I noticed that the “remove from cart” icon (circle with “x”) changed, and I’m not sure when. It used to be an orange circle with an “x”. Now it is just a circle.

    Thanks.

    #1346984

    Hi,
    Thank you for the link to your site, to move the cart to the topbar Try adding this code to the end of your functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
        <script>
    (function($){
      $( ".cart_dropdown" ).appendTo( "#header_meta .container" );
      $( ".cart_dropdown_link" ).css({'line-height':'unset'});
    })(jQuery);
    </script>
        <?php
    }
    add_action('wp_footer', 'custom_script');

    the expected result for desktop is:
    2022-04-02_003.jpg
    and for mobile is:
    2022-04-02_004.jpg
    to hide the search icon for mobile try this code in the General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) { 
    	#header_main #menu-item-search {
    		opacity: 0;
    	}
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1346996

    Thanks – this worked but the cart is on the left, not next to the social icons on my site. (link below)

    Another question – on mobile, shouldn’t the cart icon be clickable to the cart page?

    I’ve changed the domain – link is below.

    • This reply was modified 2 years, 7 months ago by c3idesign.
    #1346999

    Hi,
    On your temp site that you originally linked to the cart is moved just before the social icons as your request, please see the screenshots above.
    On your new domain you have this added css that moves the cart to the other side of the page:

    .html_cart_at_menu.html_bottom_nav_header #menu-item-shop {
        right: 750px;
    }

    please remove this css and it will be like in the screenshot above.
    On your original site the cart icon clicks to the cart, but on your new domain you have mixed content warnings so try the plugin Really Simple SSL to correct.

    Best regards,
    Mike

    #1347060

    Thanks for your help. On the new domain (below), mixed content is corrected.

    But the cart icon is still not clickable on mobile.

    Nevermind – fixed it using this CSS:

    @media only screen and (max-width:767px) {
    .responsive #top .cart_dropdown {
    z-index: 100 !important;
    }
    }

    • This reply was modified 2 years, 7 months ago by c3idesign.
    #1347065

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Help with position of cart icon and search icon’ is closed to new replies.