WordPress.org

Forums

HeatMap AdAptive
[resolved] Change size sidebar (4 posts)

  1. aliosa.ro
    Member
    Posted 11 months ago #

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

  2. heatmap
    Member
    Theme Author

    Posted 11 months ago #

    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%;
       }
    }
  3. aliosa.ro
    Member
    Posted 11 months ago #

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

  4. heatmap
    Member
    Theme Author

    Posted 10 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.