-
Posts
-
Hello Kriesi,
I have breadcrumbs on our site that have correct margins when displayed on desktop however they get distorted on mobile view (see screenshot below in private).
I would like to make sure that the margins remain the same on mobile view (the breadcrumbs end up at the top of the breadcrumbs blue bar instead of centered.I have some CSS for the breadcrumbs section and tried making adjustments wehn inspecting element however still unable to get the mobile correct.
Please let me know what I can add so the breadcrumbs stay centered on mobile view.
Thank you!/***************************
Adjust Overlap of Logo on Menu and Title on breadcrumbs section
***************************/@media screen and (max-width: 1136px) {
#advanced_menu_toggle { display: block !important; }
nav.main_menu { display: none !important; }
}/**************************
breadcrumbs left aligned position
***************************/
.title_container .breadcrumb {
font-size: 11px;
left: 50px;
line-height: 15px;
margin-top: -7px;
position: absolute;
top: 50%;
z-index: 10;
}By the way, I tried this from a previous post put didnt change the top alignment:
@media only screen and (max-width: 767px) {
.responsive .title_container .breadcrumb {
top: 0px!important;
}}Thanks
Hi,
Please provide a link the site in question so we can look into this issue further.
Best regards,
Jordan ShannonHi,
Add the following to quick css:
@media only screen and (max-width: 767px) { .responsive .title_container .breadcrumb{ top:12px!important; } }Let me know if this works.
Best regards,
Jordan Shannon
- The topic ‘Breadcrumbs margins on mobile view’ is closed to new replies.