Oneclip: Wrong Breakpoints After Update?
Mia
Hello! We updated www.henrics.at with the newest version of One Clip template. Unfortunately the logo position is now wrong on smaller devices (it only works on desktop devices). We did some researche and found out that there is a new breakpoint for XS devices in the system but it does not apply properly.
Please find the following screenshots attached: x) Screenshot 1: The error
x) somehow the xs (extremely small) instruction is missing. If you replace the existing sm instruction with xs in the left window in the inspector, it suddenly goes up. (screen shot 2)
x) Screenshot 3: And the division eg. 8:4 is then done in the code as well, or shouldn't there be a function in the SP Pagebuilder template builder itself?
How can we fix this? Thanks. Mia
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL so that I can check?
-Regards.
Mia
Accepted AnswerMia
Accepted AnswerYes, of course – here you go: https://we.tl/t-tS00R1AROB
Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS for offcanvas
@media only screen and (max-width: 992px){
.variation-agency #offcanvas-toggler >i, .variation-creative #offcanvas-toggler >i {
color: #4f5362;
position: relative;
left: 35px;
bottom: 70px;
}
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
And for your second question, could you please explain it more?
Mia
Accepted AnswerHello,
thanks. I added the code as suggested but unfortunately the hamburger icon is still in a wrong place. It's not in the same row as the logo position. Please find another screenshot attached. https://we.tl/t-cibLT8PisW
Thanks!
Mehtaz Afsana Borsha
Accepted AnswerCould you please try this code in your custom.css file
@media (max-width: 844px){
#offcanvas-toggler {
position: relative !important;
left: 35px !important;
bottom: 80px !important;
}
}
Mia
Accepted AnswerHei Mehtaz,
thanks! It works now!
I just noticed another problem: The close-button (x) of the hamburger menu is not working on mobile devices. How can I fix this? This also affects other sites / templates like www.kanzlei-krenn.at
Thanks! Mia