Hero Tabbed – Title & Breadcrumb issue

[CorsaDesign]

Hi,
1) When I’m using the hero tabbed page option the page title and breadcrumbs are overlapping
2) On tablet size the hero tabbed title and breadcrumbs also overlap
3) With mobile size the top of the title gets cut off

Any advice would be great, thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#breadcrumbs span{
font-size: 12px !important;
}
@media only screen and (max-width: 1024px) {
#breadcrumbs{
position:inherit !important;
}
}

Thanks
Mohammad

[CorsaDesign]

Hi, that sort of works but still off on the mobile view (cuts the top line off)

Same sort of thing happens with the Hereo header

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 479px) {
.fancy-tabbed-style .page-heading.fancy-heading .heading-text {
    padding: 0px 20px !important;
}

.page-heading-breadcrumbs.fancy-heading .heading-text[data-textalign="left"] #breadcrumbs {
    right: 0px !important;
}
}

Thanks
Mohammad