Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #926434

    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

    #927173

    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

    #927931

    Hi Vinay,

    I added the CSS and it has not disabled the blog sidebar on my iPad, any other recommendations?

    Thank you,
    Colleen

    #928799

    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

    #929121

    Hi Basilis,

    it’s on the Blog page. please see link below to screenshot.

    thank you,
    Colleen

    #929533

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.