Home › Forums › WoodMart support forum › Hide breadcrumb and direct cart button

Hide breadcrumb and direct cart button

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 4, 2019 at 3:00 pm #110835

    infantdeco
    Participant

    Hello, i have 2 little problems with the theme, the cart button on mobile devices open the sidebar (that looks good on computer but not the best for phones) its posible go direct to cart on click?

    the second one is i want to hide the third breadcrumb, i know the theme hide the 4th breadcrump on phones but i need disable also the third one, is posible?

    thanks!

    March 4, 2019 at 6:31 pm #110888

    Elise Noromit
    Member

    Hello,

    Unfortunately, it is not possible to configure cart as a sidebar on desktop and link on mobile. You can remove cart on mobile and add an icon with the link or button. Here are more instructions:
    https://xtemos.com/docs/woodmart/header-builder/add-edit-builder-elements/ and https://xtemos.com/docs/woodmart/html-blocks-2/#header_builder

    Please try this code: 

    body .woocommerce-breadcrumb .breadcrumb-last{
display:none;
}
body .breadcrumb-link-last:after{
display:none;
}

    Add this code to the Theme Settings > Custom CSS > Mobile

    Best Regards

    March 5, 2019 at 8:18 am #110955

    infantdeco
    Participant

    Hello, breadcrump code seems not working, about cart button is not posible using javascript for example? because i want show in the icon the items on the cart number, adding a icon i lose that.

    thanks!

    March 5, 2019 at 8:38 am #110961

    infantdeco
    Participant

    hello, also for no open a new thread i write here, why in some mobile phones people see the old colors css, for example original theme was green, now is purple, but some mobile phones see all green, we wait because i was thinking is the page cache, but i clear all the cache and nothing, some mobile phones see all green.

    March 5, 2019 at 9:54 am #110982

    Elise Noromit
    Member

    Hello,

    I do not see the code in mobile. Please specify the site and provide site admin access to the private area. I will check the second issue as well

    Best Regards

    March 5, 2019 at 10:32 am #110991

    infantdeco
    Participant

    hello, sorry added now, how to go direct to cart directly with no sidebar, in phone and computer also is posible for all devices?

    March 5, 2019 at 12:09 pm #111007

    Elise Noromit
    Member

    Hello,

    Navigate to the Header Builder enter the Cart element and find “Without” http://prntscr.com/mtib0c

    This option makes the icon as a link. Switch to the mobile view and set the same on mobile.

    Best Regards

    March 5, 2019 at 12:42 pm #111018

    infantdeco
    Participant

    Hello, thanks is working, strange because header is diferent one for phones, and if you select hidden for phones, the desktop one is bugged, when you click cart all the screen get black shadow overlay but sidebar doesnt apear, no problem disabled for all devices 🙂

    about breadcrump, i put your css in mobile devices and seems not working..

    thanks!

    March 5, 2019 at 1:25 pm #111034

    Elise Noromit
    Member

    Hello,

    1. I am checking the site cart it works as per your settings.

    2. Please replace the code with this one:

    body .single-breadcrumbs-wrapper .woocommerce-breadcrumb .breadcrumb-link-last {
    display: none;
}

    Best Regards

    March 5, 2019 at 1:55 pm #111041

    infantdeco
    Participant

    alright. thank you, is working now 🙂

    March 5, 2019 at 4:48 pm #111090

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Hide breadcrumb and direct cart button’ is closed to new replies.