• How do I change the breakpoint from 768px to display the mobile(hamburger) menu at a different point in the styles.css? I want to display it at 1207px.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter Ireland999

    (@majella999)

    ..or at least make the horizonal menu div wider so it doesnt start wrapping??

    [ Please do not bump. ]

    Hi,

    Did you find out how to change the mobile menu breakpoint with One Page Express in the end?

    I’m having trouble finding it in the CSS.

    Thanks,

    Steve.

    Here is my site and i CANNOT FIND HOW TO CHANGE IT.

    spcwebsites.co.uk

    Thread Starter Ireland999

    (@majella999)

    Hi,

    I didn’t unfortunately and got absolutely no support from the plugin author. Being able to specify your own mobile breakpoint is a pretty basic specification for any standard free WordPress theme but you have to upgrade to pro with this theme to have that standard option!!

    I had to add custom css in the theme customizer to move the menu down
    below the site title and center both at the point where the menu was wrapping.

    Hope that’s some help🤤

    I found the solution to this.

    in file: assets/js/drop_menu_selection.js

    Lines 1365 & 1366

    Change the Mobile and tablet breakpoint widths ( ihave changed to 1280 below for both ) and set the main menu to disappear in the CSS at the same resolution

    “options”: {
    “preset”: “fixed”,
    “enableTablet”: “true”,
    “enableMobile”: “true”,
    “mobileMaxWidth”: 1208,
    “tabletMaxWidth”: 1280,
    “tabletCloseBtnLabel”: “Close”,
    “tabletCloseBtnEnable”: “true”,
    “mobileLabel”: “\u00a0”

    Thread Starter Ireland999

    (@majella999)

    Thank you!!!! That did the trick but just one thing – the main menu flashes on screen for a second first when the page loads then reverts to the mobile menu??

    Thanks,

    Majella

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

The topic ‘Change Mobile Breakpoint??’ is closed to new replies.