Page 1 of 1

Problem with breakpoints

Posted: Thu Mar 28, 2024 9:57 am
by lelik
Hello. I am making a website in layers (the customer's earnest request!). Builder version 18.4.1. There are several breakpoints on the site: Default-1280-768-380. The layout also has 360 and 320 points. The problem is that the Default-1280-768-380 points work correctly, but as soon as I add 360, this point does not work. Everything seems to be written in CSS, but the site stubbornly refuses to adapt to this point! I don’t understand where to dig. I am attaching the project via the link https://disk.yandex.com/d/NjGN5i_GrFbzuw. Link to website https://tribe-air.online/

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 10:09 am
by Pablo
The breakpoints should be the same in the master page and content page.
Also make sure all objects are inside the viewport, otherwise the browser will show scrollbars.

See also "There is a large is empty space at the bottom or right side of my page."
viewtopic.php?t=63817

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 10:13 am
by lelik
Pablo, the problem is probably in the css, because at point 360 media queries like @media only screen and (min-width: 360px) and (max-width: 379px) are not displayed in the code when watching, and the queries are written in the style code itself. The dots are written the same everywhere

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 10:55 am
by Pablo
Did you fix the issues from my previous reply?

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 11:08 am
by lelik
The problem is that media queries in css do not work on the 360 point. But on the rest it’s fine.

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 11:20 am
by Pablo
This is because you did not use the same breakpoints as in the master page.

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 11:29 am
by lelik
Here is a screenshot from a 360 point https://disk.yandex.com/i/kZQ0FS8iAA6YXA
And this is a normal screen from point 768https://disk.yandex.com/i/V1tFqjTDDstLew

Screenshots of points https://disk.yandex.com/i/7yCQqxDJjONYew
https://disk.yandex.com/i/Y3Uf8PMrGusyFw

Breakpoints are the same everywhere

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 12:14 pm
by Pablo
In the project you have shared, the breakpoints are not the same.
The 320 breakpoint is missing on the index page.

Also, some breakpoints have explanation mark icons, which means you did not update the layout for those breakpoints.

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 12:26 pm
by lelik
I decided so. I deleted the 380 point and 360 worked. Instead of 380 I made 411

Re: Problem with breakpoints

Posted: Thu Mar 28, 2024 12:48 pm
by Pablo
If you need further assistance, then please share the update project.
Also remove everything from the project that is not relevant to your question, to prevent confusion.

For details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134