Setting breakpoints - Support | Kriesi.at

Tagged: break, break points, Breakpoints

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
June 14, 2022 at 7:49 pm #1355245

J P
Participant

Hi,

Is there a way to set the breakpoints so my website is in desktop view on screens larger than 16″ displays and in mobile view on screens smaller than 16″ displays? It is so hard to try and get the site to look good on all of the different size screens that I would rather just have two different sizes, one for small screens and one for large screens. The responsive settings in Avia don’t always work. For instance, when I set a page to only appear on large screens, the format stays on an Ipad landscape, and it looks horrible. This usually happens when you use two columns, on with an image and the other with text. The text always seems to slide down or under and never looks right until you go portrait on the ipad.

Would like to create two layouts and just use those two.

Any ideas on how to achieve this?

June 16, 2022 at 4:52 am #1355427
Ismael
Moderator
Hey J,

Thank you for the inquiry.

We can adjust the breakpoint of the Element Visibility > Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape) option so that it will effectively hide the target element when the screen width is less than 1366px, which should cover larger tablet devices such as an iPad Pro.

Please add this code in the Quick CSS field and make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
```
@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
        display: none;
    }
}
```
Best regards,
Ismael
June 16, 2022 at 5:48 pm #1355529

J P
Participant

Ismael,

Thank you for the response. It seems to have done what I was looking for. I appreciate your quick response, as always. Have a wonderful day!!

JP

June 16, 2022 at 8:22 pm #1355543

Rikard
Keymaster

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

June 17, 2022 at 12:02 am #1355548

J P
Participant

Hi Rikard,

Everything appears to be working as I had hoped so you can close the topic.

As always, Thank You for your superb assistance!!

JP

June 17, 2022 at 10:04 am #1355567

Rikard
Keymaster

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Setting breakpoints’ is closed to new replies.