Home>Support>Force mobile menu on certain page [SiteOrigin Corp Theme]

Force mobile menu on certain page [SiteOrigin Corp Theme]

Dear all,
I use SiteOrigin Corp in a website, for a page I need to use the space usually for the menu for an input form, so my idea was to force the menu in “mobile mode” also for desktop viewport, but I have some trouble with media queries.

In my page I put

 
                             function modifica_css_menu () { ?>
                                                               <style type="text/css">
			                                        #mobile-menu-button{
								display: block !important;
								}
								.main-navigation>div{
								display: none !important;
								}

								</style> <?
                                                            }
                            add_action('wp_head','modifica_css_menu',1000);

but I have a problem with the media query, which uses “!important”: how I can disable it?

@media (min-width: 769px)
#masthead #mobile-navigation {
    display: none !important;

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

  1. 2 years, 1 month ago Andrew Misplon Hi, I Work Here

    Hi Nicola

    Thanks for reaching out.

    I’ll push an update to resolve this during the week. Here is the pull request on GitHub https://github.com/siteorigin/siteorigin-corp/pull/106.

  2. 2 years, 1 month ago Nicola Giada

    thanks!

  3. 2 years, 1 month ago Andrew Misplon Hi, I Work Here

    Thanks for your feedback. Cheers for now :)

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