Home>Support>Remove elements when in mobile view

Remove elements when in mobile view

By Belinda Martin, 9 years ago. Last reply by Daniel, 9 years ago.

I am rebuilding a website with your vantage theme – it is still in progress
I would like the clickable icons at the top and the navigation in the footer to not be visible on mobile. Both have been created with Tablepress plugin and inserted into a text widget in the header and footer.

URL: http://budgetwebsites.melbourne/WHS/

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

  1. 9 years, 6 months ago Belinda Martin

    Sorry would like to remove everything above the menu from mobile view and I have figured out how to remove the tablepress items.

  2. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Belinda

    Am glad that you are making progress on your site.

    You can fix this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media screen and (max-width: 480px) { 
header#masthead .hgroup #header-sidebar{
    display:none !important;
}
header#masthead .hgroup .logo{
    display:none !important;
}

}

    Try that out and let me know the outcome.

    Cheers

  3. 9 years, 6 months ago Belinda Martin

    Perfect – thank you for your help. As a graphic designer I love your theme as it has endless possibilities when it comes to design.

  4. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Belinda Martin

    Thank you for your kind words :)

    Am glad that it worked out for you.

    Always feel free to open a new thread whenever you require support

    Cheers

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