Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24236
    admin
    Member

    Hello Nick,

    Thank you for your question on how to remove the sidebar from your blog page in the Haven theme.

    To do this, we will need to make the primary content area the same width as your view screen, no matter whether it is a Desktop monitor, tablet, or phone. This may push the sidebar underneath it, but your post will be the full width.

    We also will want to make the sidebar area invisible. This removes any extra space created by pushing the sidebar down.

    To do this, go to the Customizer. Then click on the “Advanced” tab. Next, click on the “Custom JS & CSS” option. From there, click on teh “Custom CSS” button.

    Now enter the following code on the screen:

    .col-md-9 {
    width: 100% !important;
    }

    .sidebar { display:none;}

    From there, click the “Save & Publish” button.

    I tested this on my own BoldGrid site using the Haven theme, so if you have any issues, please let me know.

    Kindest Regards,
    Scott M

    #24235
    Nick Martin
    Member

    Hi Scott. Thanks for your reply. Unfortunately it didn’t work on either page, they both look exactly the same as before editing the CSS as per above. Any ideas?

    I was wondering if it had something to do with Sidebar-1 and that the style class is col-md-12. However I tried these too and had no change. I’m baffled…

    Here is the text code at the very top of the blog page (http://goldlotusresort.com/the-story-so-far/), perhaps you can make some sense of it?:

     

    <div class=”row gridblock”>
    <div class=”col-md-12 text-center col-xs-12 col-sm-12 text-center”>
    <h2>The story at Gold Lotus Resort so far</h2>
    <div class=”row gridblock”>
    <div class=”col-md-12 col-xs-12 col-sm-12″>

    <hr>

    </div>
    </div>

    #24234

    Hi there.

    I am trying to disable the sidebar (sidebar-1). I am using Haven theme. Do I have to add custom CSS?

    Please check both pages: http://goldlotusresort.com/the-story-so-far/ and http://goldlotusresort.com/blog

    I have removed all widgets from the sidebar but it seem the content is now positioned to the left of the page.

    I would like to disable to sidebar and have the content display 100% of the website. How do I do this and where do I do it?

    Many thanks.

    Nick

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How do I Disable the Sidebar?’ is closed to new replies.