Issue with break point setting

  • Not sure where the issue is exactly originated, so I try my luck here.

    Google tells me I have an issue with mobile friendly layout: fonts size is too small.

    I checked and indeed, at 480px and below viewport width the font size is being lowered to something I find too small for myself. Smaller than I defined it anyway.

    The responsive breakpoints I defined in Elementor are 767px for mobile and 1024px for tablet.
    The theme I use is OceanWP and the only breakpoint setting I can find there is for the mobile menu in the Header section of the customizer, and is set to 1280px.

    So my question basically is: Where else could a breakpoint be defined? At 480px happens something and I need to find out where this can be changed…

    Running WordPress 6.3.1 with OceanWP Child Theme and ElementorPro 3.15.1

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @weinh, You can try following this detailed guide to set custom breakpoints for Elementor

    https://elementor.com/help/additional-breakpoints/

    With regards to the breakpoint for your mobile menu, you can use the drop down to select 767px

    Let me if this works for you.

    Thread Starter weinh

    (@weinh)

    Thanks for the reply @luwie93.

    Just to clarify: I have set the Mobile Menu breakpoint to 1280px on purpose. This is fine and no issue.

    I am aware of the possibility to set additional breakpoints within Elementor as well. Right now, I have active the two default ones for mobile portrait and tablet portrait.

    The issue is, I search for an active breakpoint @480px which unintentionally reduces the font size below the values I have selected. So far I have not been able to find any adjustment which is set to 480px – not in wordpress, not in OceanWP and not in Elementor…

    So here again my current seetings as an overview:

    Elementor Breakpoints:
    mobile at 767px, font size body set in customizer: 16px
    tablet at 1024px, font size body set in customizer:18px
    PC above 1024px, font size body set in customizer: 20px

    OceanWP breakpoint for mobile menu: 1280px

    Unknown breakpoint (the setting for which I am looking for and am not able to find so ar) at 480px, font size body something below 16px

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issue with break point setting’ is closed to new replies.