Changing breakpoint of menu toggle

keralaayurvedacentre · Member · May 11, 2018 at 8:23 pm
Copy link

Add topic to favorites
Hello good people,

I need help with my wordpress.com blog (click HERE)

I am using custom CSS on “sketch” theme.

I have 2 layout for my websites.
1) A tablet/mobile mode for devices 960px wide or less
2) A desktop mode for devices 961px wide or above
However, the menu-toggle (the small and big menu switch) doesn’t follow this scheme.

Hence, I would like to manually edit the breakpoint to 960px.
I have custom CSS upgrade so I would appreciate if anyone provided a CSS method to do this.

If this is not possible, kindly tell me what is the menu-toggle breakpoint so that I can change my layout breakpoint to match the menu-toggle breakpoint.

Thanks a lot in advance!
keralaayurvedacentre · Member · May 11, 2018 at 8:24 pm
Copy link
sorry, the link didnt work in my original post. here is the link: http://keralaayurvedacentre.wordpress.com
staff-zinnia · Staff · May 12, 2018 at 2:48 pm
Copy link
Hi –

The theme is mobile responsive by design. Are you having issues with the mobile views?
keralaayurvedacentre · Member · May 12, 2018 at 7:12 pm
Copy link
Yes, I had issues with the mobile view because I edited the CSS too much. However, I have resolved the problem. I found out that the button toggles when the page is at 80rem width. Thank you for your help, too!
gemmacevans · Staff · May 13, 2018 at 7:56 am
Copy link
Glad to hear you’ve resolved the problem, thanks for letting us know :)

No items found.