hello,
is there some way I can change the settings for the sidebar in the blog to only show on desktop? I don’t want the sidebar to show on iPad because it takes up too much room and in some cases does not allow some images in the post to be displayed. It is fine on my iPhone as the sidebar doesn’t show up, just need to set up the same for iPad and tablets.
thank you,
Colleen
Hey Colferg,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 990px) {
.sidebar { display: none !important; }
.content { width: 100% !important; border: none !important; }}
Best regards,
Vinay
Hi Vinay,
I added the CSS and it has not disabled the blog sidebar on my iPad, any other recommendations?
Thank you,
Colleen
Hi,
I do not see a sidebar at the site at all.
You cant have it – if you do not enable it.
Which page it is active?
Best regards,
Basilis
Hi Basilis,
it’s on the Blog page. please see link below to screenshot.
thank you,
Colleen
Hi Colleen,
The code that Vinay gave you works in the portrait mode on an iPad, you can try the code below, slightly . adjusted. On the landscape mode the sidebar is show. Is this okay for you? Or do you want no sidebar up to the 1024px size?
@media only screen and (max-width: 990px) {
#top #main .sidebar { display: none !important; }
.content { width: 100% !important; border: none !important; }
}
If you need further assistance please let us know.
Best regards,
Victoria