Staff replied Templates

Oneclip: Wrong breakpoints after Update?

Asked by Mia 3 years ago Last activity 3 years ago

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.

https://we.tl/t-G1AObN2Rgd

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

9 replies

Mehtaz Afsana Borsha Staff

3 years ago

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

Mia Asked this

3 years ago

Hello,

its https://henrics.at/

Thanks!

Mehtaz Afsana Borsha Staff

3 years ago

Could you please give me your screenshots again? Its already expired.

Mia Asked this

3 years ago

Yes, of course – here you go: https://we.tl/t-tS00R1AROB

Mehtaz Afsana Borsha Staff

3 years ago

Use 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 Asked this

3 years ago

Hello,

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 Staff

3 years ago

Give me your super admin access please.

Mia Asked this

3 years ago

Yes, of course. Please find it in the hidden section.

Mehtaz Afsana Borsha Staff

3 years ago

Could 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 Asked this

3 years ago

Hei 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

Mehtaz Afsana Borsha Staff

3 years ago

Could you please create a new forum post about this new issue? So that our team will help you. And could you please close this post if you dont have any queries.