Change Brakepoints for Mobile divices

Good afteroon,

I am having some issues with the brakepoints. I have my site finished but visualizing my page in a tablet (Ipat 4) in vertical the page looks perfect, but in horizontal (landscape), it inherits the computer design instead of mobile so the menu is extended (instead of hamburger) and content is displaced and looks bad. Any idea how I can fix this? It looks like an issue with the brakepoints, but I have tryied many combinations to change that with no success, so I am a bit lost. I will kindly appreciate any help.

In addition to this I have seen that when the screen is under 1234px but still not reaching 980 the header is completely displaced, so the ideal is that the heders turns in mobile style from 1234px. I have tryed to apply a CSS: /*adjust Divi Menu module breakpoint*/ @media only screen and (max-width: 1234px) { .et_pb_menu .et_pb_menu__menu { display: none; } .et_mobile_nav_menu { display: block } } but I only manage to turn the menu into a hamburger (although the position of the hamburguer is displaced to the top of the manu and the content is aligned to the right insted of the left :S), but the call to action does not take the mobile device style.

Really any help will be kindly appreciated!

 

Sorry, if any useful my website is www.theoceanspell.com

 

Thank you very much for the advice. I have applied the code but unfortunately it didn't solve my issue.

I could not appreciate the adaptable changes at a different size I was looking for.

 

Hello! Sorry for my late reply! Completly missed your message! I just tryed the code and it completly works, manu looks so much better now.
I really appreciate all the help.

Thanks again!!!