hide sidebar on specific device

[Albulushi]

Is it possible to hide the sidebar and make the page full width on tablet like is shared thanks

[Albulushi]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to the theme custom css option

@media only screen and (max-width: 1024px) {
#sidebar{
display:none!important;
}
}

-Rui

[Albulushi]

Thank you.

This will remove the sidebar from the whole site what about for a specfic page ?

appreciate your help

[Kyle – SUPPORT]

Hi

To remove from a specific page you would need to get the page id class, for e.g:

@media only screen and (max-width: 1024px) {
.page-id-112  #sidebar{
display:none!important;
}
}

– Kyle

[Albulushi]

This reply has been marked as private.

[Kyle – SUPPORT]

Sorry, should be:

@media only screen and (max-width: 768px){
.page-id-22634 aside.sidebar{
display:none!important;
}
}

– Kyle

[Albulushi]

HI kyle,

thank you this works but the main page content is still showing on the right side it didnt took over the whole page any idea ?

[Kyle – SUPPORT]

Which page? Not seeing the change on http://www.saffronroadfood.com/new/recipes ?

– Kyle

[Albulushi]

Yes the same page but on 768 screen size the sidebar is removed now but the blog is still using the the right column instead of fullwidth

http://quirktools.com/screenfly/#u=http%3A//www.saffronroadfood.com/new&w=768&h=1024&a=22&s=1

[Kyle – SUPPORT]

I still see the sidebar on a 768 screen? (see screenshot)

– Kyle

Attachments:

You must be logged in to view attached files.

[Albulushi]

The sidebar is now hidden but the page is still not full width

[Kyle – SUPPORT]

Please can you provide a screenshot, because it seems fine to me

– Kyle

[Albulushi]

Hey Kyle, the screen shot is attached the sidebar is removed but the blog column is not filling the whole page

[Albulushi]

This reply has been marked as private.