Responsive layout – breakpoint issue

  • 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 smaller than I have defined in the typography settings.
    This seems to be the origin for googles complaint about mobile friendly.

    The responsive breakpoints I have defined in Elementor are 767px for mobile and 1024px for tablet.
    I use OceanWP as theme and the only breakpoint setting I can find is for the mobile menu in the Header section of the customizer, and I have set it 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 and how this can be changed…

    Running WordPress 6.3.1 with OceanWP Child Theme and ElementorPro 3.15.1

    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

    Many thanks!

    • This topic was modified 1 year, 2 months ago by weinh.

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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Responsive layout – breakpoint issue’ is closed to new replies.