WordPress.org

Support

Support » Themes and Templates » [Resolved] Change size sidebar

[Resolved] Change size sidebar

  • Hi,
      Secondary Sidebar want to have the same width as the main one, where can I change in order to increase and the content?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author heatmap
    Member

    @stuartwider

    You would have to change the css.
    Its quite complex due to the way the theme switches the columns around behind the scenes to keep everything responsive and yet have the content in the first column (for SEO purposes) even though when you view the site it appears to be in the middle.

    Here’s an example css snippet that I already have you could tack onto the bottom of your style.css to make the both sidebars fit 160px ads.
    Dont ask me to make a custom one to your size specifications though. There’s quite a bit of fiddling time involved in that.

    You can see though from the css below which bits to play with.
    The theme uses negative margins to do its work, but if you play with the css below you should see how it works in general.

    /* RESPONSIVE LAYOUT - BOTH SIDEBARS
    ----------------------------------------------------*/
    
    .heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
       margin: 0 185px 0 185px;
    }
    .heatmapthemead-layout-both-sidebars #heatmapthemead-primary-sidebar {
       width: 185px; /*Width of left column*/
    }
    .heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar {
       width: 185px; /*Width of right column*/
       margin-left: -185px;
    }
    
    @media screen and (max-width: 900px) {
            .heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
                    margin: 0 0 0 185px;
            }
    
            .heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar {
                    padding-left: 190px;
            }
    
            .heatmapthemead-layout-both-sidebars.heatmapthemead-long-content #heatmapthemead-secondary-sidebar {
                    padding-left: 370px;
            }
    }
    
    @media screen and (max-width: 600px) {
    
            .heatmapthemead-layout-both-sidebars #heatmapthemead-the-content {
                    margin: 0;
            }
    
       .heatmapthemead-layout-both-sidebars #heatmapthemead-secondary-sidebar  {
          width: 100%;
       }
    }

    The content was increased and the size of sidebar’s is as I want. I just do not appear in the sidebar anything.

    Theme Author heatmap
    Member

    @stuartwider

    Did you put any widgets in the sidebar
    Appearance > Widgets ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Change size sidebar’ is closed to new replies.