Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #691594

    Great Work Guys,

    Please i need a function code to move the cart icon from right to the left of the menu. I have searched the forum but haven’t seen anything to help.

    I saw some css code to re-position the item but when resizing the browser it looses its place, so i was thinking there is a code that can make it start before the menu (like this: https://kriesi.at/support/topic/move-shopping-cart-to-main-nav-menu/#post-368028 but no longer works) or at least could i add a first menu icon link (using normal menus) and let it behave like the cart icon (by showing item number and also the cart dropdown on mouse over.) I dont want to have to download a plugin for this. Enfold is well built and very extensive I’m sure i can achieve it without a plugin.

    Looking forward to your response.

    #692006

    Hey adotopanuga,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_cart_at_menu.html_bottom_nav_header #menu-item-shop {
        float: left !important;
        left: 325px;
    }
    

    Best regards,
    Jordan

    #692028

    hi jordan,

    thanks for the code. Unfortunately, that doesn’t solve my problem across various screen sizes. Please any help will be much appreciated.

    #692736

    Hi,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .cart_dropdown {
        position: inherit;
        height: auto;
        margin-left: -40px!important;
    }

    Then add following code to Functions.php file in Appearance > Editor

    function av_move_search_tb(){
    ?>
     <script>
    jQuery(window).load(function(){
    jQuery("#header ul.cart_dropdown").detach().prependTo('.avia-menu.av-main-nav-wrap')
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'av_move_search_tb');

    Best regards,
    Yigit

    • This reply was modified 8 years, 2 months ago by Yigit.
    #700961

    Hi Thanks for this code but it did not work.

    Any other help will be much appreciated.

    Thanks and Welldone.

    #701313

    Hi,

    I noticed a typo in my code and edit the post above. Can you please try it once again? If that still does not help, please create a temporary admin login and post it here privately so we can look into it :)

    Best regards,
    Yigit

    #1221680

    Hello! how are u? I’ve used your js code to move the cart. this seems fine, but when you add the product’s there are some issues in the cart number.
    The number of the product’s are duplicated, example: add 1 product but in the ajax cart appear 2 products, if you have 2 they appear 4.
    I’m really don’t understand what could cause this problem.
    I’m driving crazy,
    thanks in advance for any help.
    ( I linked in private the production website to better understanding. :)
    f.

    #1223322

    Hey!

    Did you remove the script? Looks like the cart is working properly now — showing the actual product quantity instead of twice. If you’re still having issues, please create a new thread and post the login details in the private field.

    Thank you for your patience.

    Cheers!
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Move Cart Icon to beginning of menu’ is closed to new replies.