This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Breakpoint in Origami theme

Resolved 1 reply customizationthemetheme-origami
manandmouse
9 years ago · Last reply by Alex S 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 9 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread