Hello,
I turned on breadcrumb for better orientation in our store. But under breadcrumb is separator in the form of a line and I can’t remove it. From ordinary site yes (=no Padding), but from store no. This separator (line) is a problem in the mobile version. The text continues across and under the line – see the link (Private Content). Is there a solution? Thank you.
Hey Tomasssu,
Thank you for the inquiry.
That is the default border of the container wrapper. If you would like to remove it, try this css code.
#main > .container_wrap {
border-top-width: 0;
border: none;
}
Please do not forget to toggle the file compression settings after adding the css code.
Best regards,
Ismael
Great, thank You!
Please, is it possible to center breadcrumb? (Currently on the right.)
Hi,
Thank you for your patience, to center your breadcrumbs for your products please try this css:
#top.single-product #main .title_container .breadcrumb {
right: 25%;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you very much, but this doesn’t work. In addition, no need to center breadcrumbs for products but breadcrumbs all over (universal).
Hi,
Thanks for the feedback, please try this css instead:
#wrap_all #main > .title_container > .container > .breadcrumb {
position: relative;
right: unset;
display: flex;
justify-content: center;
}
After applying the css, please clear your browser cache and check.
I tested it on the random pages linked below.
Best regards,
Mike
Great, thank You!
Hi,
Glad we were able to help, 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,
Mike