Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #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, 2 months ago by c3idesign.

    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.



    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() { ?>
      $( ".cart_dropdown" ).appendTo( "#header_meta .container" );
      $( ".cart_dropdown_link" ).css({'line-height':'unset'});
    add_action('wp_footer', 'custom_script');

    the expected result for desktop is:
    and for mobile is:
    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,


    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, 2 months ago by c3idesign.

    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,


    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, 2 months ago by c3idesign.

    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,

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.