Home>Support>Breakpoint in Origami theme

Breakpoint in Origami theme

By manandmouse, 7 years ago. Last reply by Alex S, 7 years ago.

I´ve customised the Origami theme rather much, using CSS, custom loops etc.
There is one big thing that I cant solve: change the breakpoint for the Mobile Navigation/menu.
It seems to be set at 430px. I want it set to e.g 600px.
I cant find where to do this.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 10 months ago Alex S
    Hi, I Work Here

    Hi Manandmous,

    You have two methods of changing the mobile menu breakpoint.

    With CSS:
    Please navigate to WP AdminAppearanceCustom CSS and add the following CSS:

    @media screen and (max-width: 600px) {
	.so-mobilenav-mobile + * {
		display: block;
	}

	.so-mobilenav-standard + * {
		display: none;
	}
}

    You might also need to install the SiteOrigin CSS Editor.

    With PHP:
    The siteorigin_mobilenav_resolution filter will allow you to change the breakpoint. Add a filter for it and return 600.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More