Hi,
I have two points to solve. Please visit with your smartphone the link provided in the private content.
1. There is not enough space for the breadcrumb area. Can you provide a css-code to change the height of this?
2. Underneath the product image there is a dotted line. How can this be removed? (its only on mobile)
I have provided two screenshots of the code (see private content). Maybe this helps.
Thanks for your help!
Hey Matthias,
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 #main .sidebar.smartphones_sidebar_active {
border: none;
}
}
What about the title container, do you mean more height on mobile?
If you need further assistance please let us know.
Best regards,
Victoria
Thanks, I will check.
Yes, I mean more height on mobile for the breadcrumbs area. The current height is not enough for the breadcrumbs.
Hi,
Thanks for the clarification. Pleas try this CSS as well:
@media only screen and (max-width: 767px) {
.title_container .breadcrumb {
top: 12px !important;
}
}
Best regards,
Rikard
Thank you, its both working great.
Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Ok, it can be closed. Thanks!