How to change breakpoint

Anyone?

Hi @topboj,

I see that you are already using Elementor. Please check out this site https://wpbuilt.co/tutorials/how-to-change-the-tablet-and-mobile-breakpoints-in-elementor/

Let us know if this worked for you.

@danamv
Thanks for your replay. I have already tried that, but without success. I only need menu to break and some point.

Hi @topboj,

The theme does not have an option to change breakpoints at least for now.

I would recommend you to use custom CSS and target the menu font-size for tablet screensize and make the font-size smaller there before it’s converted to the Hamburger menu.

I hope it helps!

@bvytis Tnx for your replay
Can you help me with CSS?

Filip

Hi @topboj,

This is not an easy one/two lines change and classes should be targeted with for different viewpoints.

To be honest, even in that iPad view your website looks good to me and changing to for menu to be in one row and that content which is currently on the right on the line below might require more effort than it actually brings the result (IMHO).

However, this is a guide guide to get more familiar with CSS and how to find what should be changed by trying it directly in the browser:
https://developers.google.com/web/tools/chrome-devtools/css

To target different screen sizes media queries should be used:
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

I hope this helps ??