3 replies · opened Jan 9, 2021
Hi guys!
I've got an issue where sometimes the page title and breadcrumbs overlap. I have not been able to figure out how to get the breadcrumbs below the title at the -md configuration. As it stands, it appears the template does not do this until the -sm state.
I am providing a sample link. Please keep the link private, as I do not want this live yet.
Thank you in advance.
Hello,
Apologies for the Inconveniences regarding this!
Simply find the following code in the style.css File:
[ch_pre type="css"]@media (max-width: 767.98px) {
#page-title {
padding: 2rem 0;
text-align: center;
}
#page-title h1 {
line-height: 1.5;
font-size: calc( 1rem + 2vw );
}
.page-title-parallax span {
font-size: 1rem;
}
#page-title .breadcrumb {
position: relative !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
margin: 20px 0 0 !important;
justify-content: center;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#page-title #portfolio-navigation,
#portfolio-ajax-title #portfolio-navigation {
position: relative;
top: 0;
left: 0;
margin: 15px auto 0;
}
}[/ch_pre]
and change the @media (max-width: 767.98px) to @media (max-width: 991.98px).
This will definitely work fine. Hope this Helps! We will try making this easier in the coming updates.
Let us know if we can help you with anything else or if you find any further issues.
PS. Please be assured, we never change your Privacy Settings. :)
Thank you very much.
Hello,
Very Happy to Help!
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard