Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 23, 2018 at 5:16 pm #901566
    BenWorx

    Hi there,

    I’ve tried many different solutions presented in this forum. Still I can’t find a good/working way t have the mobile menu displayed on the left.

    So:

    – Logo centered (done)
    – Mobile menu on left side
    – Cart on right side (done)

    Can you have a look and advise me?

    Thanx!

    Ben

    January 24, 2018 at 6:50 am #901950
    Rikard

    Hey Ben,

    Please try the following in Quick CSS under Enfold->General Styling to place the mobile menu on the left:

    @media only screen and (max-width: 767px) {
nav.main_menu {
  left:0 !important;
}
}

    Best regards,
    Rikard

    January 24, 2018 at 9:44 am #902001
    BenWorx

    Thanx Rikard,

    That put the menu to the left. But also the cart icon, which I want ont the right :-)

    Another thing which is weird is when tapping on the logo there is no redirect to home page.. Any suggestions there?

    Chrs!

    January 25, 2018 at 7:18 am #902659
    Victoria

    Hi BenWorx,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 767px) {
  .responsive #top #menu-item-shop.cart_dropdown {
      float: right;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 25, 2018 at 12:42 pm #902803
    BenWorx

    Thank you Victoria! That worked :-)

    The following issue is remaining:

    On Mobile: when tapping on the logo there is no redirect to the home-page.. Nothing happens.

    Any suggestions?

    Thanx!

    January 26, 2018 at 6:26 am #903192
    Victoria

    Hi BenWorx,

    Use this code instead.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive #top #menu-item-shop.cart_dropdown {
      float: right;
  }
  .responsive .logo img {
    z-index: 999;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 26, 2018 at 12:09 pm #903333
    BenWorx

    That is working great! Thanx!

    I have another question for desktop:

    I want to show the menu using the hamburger icon. But I also want to show the cart.This is blocked by the theme.

    How can I show the icon (on the left) ánd the cart icon (on the right) on desktop?

    Also the cart icon should be shown on mobile, this also seems disabled when using the hamburger icon on desktop.

    Thank you very much for your support!

    Ben

    January 29, 2018 at 10:05 pm #904464
    Basilis

    Hi,

    You would need to modify it so the icon cart to be visible at the menu.
    That would require some custom coding OR you a third party plugin that would add the cart to the menu maybe up there.

    Best regards,
    Basilis

    January 29, 2018 at 10:36 pm #904505
    BenWorx

    Hi Basilis,

    Thank you for your reply.. To clarify:

    I do not want to show the cart in the menu. But I want to show the cart Icon in the header. As is normal in Enfold (screenshot)

    But the Icon does not show when I choose for the Hamburger Icon on desktop.

    Thank you!

    Ben

    January 30, 2018 at 1:58 pm #904885
    Victoria

    Hi BenWorx,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    January 30, 2018 at 4:04 pm #904971
    BenWorx

    Done!

    February 1, 2018 at 8:40 am #906038
    Ismael

    Hi,

    Thank you for the info.

    You can use the following css code to force the cart icon to display.

    .html_burger_menu_active .menu-item.cart_dropdown {
    display: block;
}

    Best regards,
    Ismael

    February 1, 2018 at 10:18 am #906118
    BenWorx

    Hi Ismael,

    Thank you! Worked like a charm :-)

    Last issue pending for me is the following:
    On desktop I want the cart Icon to be on the right. Now it is floating on the left..

    Thanx again!

    Ben

    February 1, 2018 at 11:19 am #906200
    Ismael

    Hi,

    Glad it worked. Please add the following css code.

    .html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    width: 100%;
}

    Best regards,
    Ismael

    February 1, 2018 at 12:07 pm #906242
    BenWorx

    Hi Ismael,

    That did not work..

    Maybe because I want the menu Icon to be left? And the cart Icon right?

    Cheers!

    February 2, 2018 at 6:23 am #906639
    Ismael

    Hi,

    Thank you for the update. Please insert this additional css code.

    #menu-item-shop.cart_dropdown {
    float: right;
}

    Best regards,
    Ismael

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