Home>Support>Search bar on mobile devices

Search bar on mobile devices

By GTint, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

G’day.
I have removed the search bar/icon on my site and it doesn’t show up on PC or tablets but it does on my mobile.
Is there a way of getting rid of it for mobile devices?
Cheers.
Mitch.

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

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi GTint

    You can accomplish this using a theme setting. In your WordPress admin, navigate to Appearance > Theme Settings. Under the Navigation tab is a setting called Search in Menu. Please disable this.

    Please let us know if you need any help with this.

    Magus

  2. 10 years, 1 month ago GTint

    Hi Magus.

    I did that but it still shows up only on mobile phones.

    Cheers.
    Mitch.

  3. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Mitch

    In that case it is likely that you are using a mobile plugin which is rendering the menu instead of vantage. The most likely candidate is the mobile module in Jetpack. Please check your existing plugins for the one that may be causing this.

    If you do not have any mobile plugins could you please post a public URL where we can see what is going on. If you need to keep this private please select the private reply option at the bottom of the reply box

    Thanks

    Magus

  4. 10 years, 1 month ago Private Message - GTint

    This is a private message.

  5. 10 years, 1 month ago Private Message - GTint

    This is a private message.

  6. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Mitch

    Don’t worry, we all had to start somewhere, as long as you are enjoying doing it then you should do all right.

    To remove the mobile search please add the following to your custom CSS.

    .mobile-nav-frame form.search {
        display: none;
    }
    

    There is only one suggestion I would make, In your current custom CSS you have the following entry

    #main {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    

    Unless you are going to put a slider or image at the top of each page I would target the home page only with this, but only for the padding-top. Like this

    .home #main {
        padding-top: 0px !important;
    }
    #main {
        padding-bottom: 0px !important;
    }
    

    This way you will still get the correct padding on pages where you are only using text. I believe Andrew is already dealing with the thread about backups, but for a schedule I would use daily whilst developing the site and weekly once the site is live.

    Let us know how you get on.

    Magus

  7. 10 years, 1 month ago Private Message - GTint

    This is a private message.

  8. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Mitch

    You can change the content text size by navigating to Appearance->Customize->Theme Settings->Fonts.

    There is an option for Content Size. Change this to your desired size.

    Some widgets will override this but they can be adjusted with CSS.

    Magus

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