Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 23, 2016 at 3:50 pm #652630
    pirasrimini

    Hi,
    I have a site with the menu on the left, and there are a couple of things I would like to ask:
    1) Can I force the menu to become “mobile style” even the portrait ipad resolution?
    2) I would like to move the icon of woocommerce shopping cart at the bottom, under the other menu items, how can I do?

    Thank you so much for now

    June 27, 2016 at 9:05 am #653709
    pirasrimini

    Anyone?

    June 27, 2016 at 9:14 pm #653971
    Vinay

    Hi,

    Sorry for the delay. It is possible to force the mobile menu in tablet or other custom screen size. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {
	display:block !important; 
	top:20px;
	}
}

    We would be glad to help you move the cart item to the end of the list, but at the moment there is no easy way to do this by using a small custom code snippet, instead try to move it to the bottom of the header. Please use the below css.

    .html_header_sidebar #menu-item-shop.cart_dropdown {
    width: 225px!important;
    right: auto!important;
    left: 0!important;
    position: fixed!important;
}

#menu-item-shop.cart_dropdown {
    right: 0!important;
    top: auto!important;
    bottom: 0!important;
}

    Best regards,
    Vinay

    June 28, 2016 at 8:48 am #654076
    pirasrimini

    Thank you for the answer, Vinay,
    Maybe I can reach the result taking a different path.
    I found a plug-in that displays a cart in wordpress menu.
    so now I have two carts, one is enfold default, the other is what I want to use, generated by the plug-in.
    how can I hide the first cart to show only the one generated by plug-in?

    Cheers

    • This reply was modified 8 years, 5 months ago by pirasrimini.
    June 29, 2016 at 8:22 am #654655
    Vinay

    Hi,

    Do hide the default cart icon please use the below css in Quick CSS

    .html_header_sidebar #menu-item-shop.cart_dropdown ,
#menu-item-shop.cart_dropdown {
    display: none !important;
}

    Best regards,
    Vinay

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.