Support » Theme: Responsive » Uneven width of theme layout

  • Hi!

    I changed the width of a theme layout to 1200 px, but my homepage menu bar and widgets area are narrower than featured content area. All other pages seem ok. But how do I align those 3 areas on a homepage so that they are even in width?

Viewing 8 replies - 1 through 8 (of 8 total)
  • How did you do this?
    I’d do this by giving #container a max-width of 1200px (Theme Options -> Css styles). Perhaps you specified the width for #wrapper or #content?

    That’s exactly what I did in css for container: max-width: 1100px !important
    But they are still uneven in width:(

    Can you post a link to your website?

    It seems your site includes these three stylesheets:
    /wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0
    /wp-content/themes/responsive/core/css/style.css
    /wp-content/themes/responsive/core/css/style.css?ver=1.9.7.2
    The are mostly the same if not copies, so check your header.

    In this css:
    /wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0
    #featured gets a padding-left of 15px.

    Give that to #featured-content instead.

    Giving padding-left of 15px to #featured-content – worked just perfectly. Now the layout is even. Thanks for that!

    Regarding 3 stylesheets, the one /wp-content/themes/responsive-childtheme-master/style.css?ver=1.0.0 is my childtheme css obviuosly and the other ones are from parent theme.
    Does they have to do something with the changes I make on my site? I checked them and one that /wp-content/themes/responsive/core/css/style.css is indeed the same as my childtheme css. And the last one differs a little bit.
    Do I have to do something with them?

    The css file of your child theme does not need to have the same content – in fact it does not have to have any content at all, for CyberChimp’s Responsive theme.

    They have a how to here:

    How to install Responsive Child Theme?

    Oh yeah, I’ve seen that tutorial. I don’t remember what tutorial I was using by the time, I activated child theme. Anyways, what do I do with existing css? Can I leave it like that with a content in it?

    Back to the problem above. After giving padding-left of 15px to #featured-content, the layout become even, but my featured content area (which is on the right)shifted underneath content area. How do i align it back? I’m not sure how to edit .css in this case.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Uneven width of theme layout’ is closed to new replies.