-
AuthorPosts
-
November 14, 2019 at 4:02 pm #1156826
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!
November 14, 2019 at 9:45 pm #1156975Hey 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,
VictoriaNovember 14, 2019 at 11:23 pm #1157015Thanks, I will check.
Yes, I mean more height on mobile for the breadcrumbs area. The current height is not enough for the breadcrumbs.November 15, 2019 at 12:45 pm #1157168Hi,
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,
RikardNovember 18, 2019 at 11:18 am #1157794Thank you, its both working great.
November 19, 2019 at 5:44 am #1158024Hi,
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,
RikardNovember 19, 2019 at 8:15 pm #1158272Ok, it can be closed. Thanks!
November 20, 2019 at 9:27 am #1158393 -
AuthorPosts
- The topic ‘Mobile design aspects’ is closed to new replies.
