• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Change Content & Sidebar Width

Home › Community Forums › Aspire Theme Support › Change Content & Sidebar Width

  • This topic has 8 replies, 2 voices, and was last updated 3 years, 5 months ago by Wes.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 12, 2018 at 8:49 am #22977
    carnelldesign
    Customer

    I am trying to change the width of the content and sidebars. I could have figured this out through other posts! But for some reason half the comments are marked PRIVATE!!! Why???

    This is what I am trying to accomplish but when I change it, it breaks the mobile responsive of the sidebar and forces that width (and float right) on all screen sizes.

    .sidebar-primary {
    width: 300px;
    }
    .content {
    width: 760px;
    }

    December 19, 2018 at 2:50 pm #22983
    Wes
    Moderator

    I can help with this. Do you have a link to your site so I can see exactly what needs to be adjusted? If you don’t want the link to be public, make sure and check the box that says “Set as private reply”

    BTW, some forum posts are private if there is private info being shared that members don’t want visible to the public. Links, Login/Passwords, etc. These posts also appear in Google searches, so if you have anything you don’t want seen by others then it’s recommended to set it to private.

    Let me know your link so I can see what’s causing those issues.

    January 2, 2019 at 8:57 am #22990
    carnelldesign
    Customer

    You really don’t need my website. Just use the demo link https://demo.appfinite.net/aspire/layouts/cs/

    I can send it but maybe someone else could use help with this and it won’t be marked private.

    January 3, 2019 at 12:43 pm #22993
    Wes
    Moderator

    If you change the width to both of those sections in the demo then it should still work. The .content changes to 620px width when the browser window/size is being viewed at 1200px or less (the code for this can be found on line 2502 in the style.css). The .content width changes to 100% once the browser is at 1023px or less, and at this point the sidebar is supposed to show up at 100% as well (directly under the content).

    I’ve tested your widths on the demo and everything worked normally for me. If it’s not working like that on your end then there must be something else preventing it from being responsive.

    If you can post a live link to your site then I can take a look to find out exactly what’s going on. You don’t have to mark it private if you don’t want to, I just need the link so I can see what all is going on.

    January 4, 2019 at 10:55 am #22994
    carnelldesign
    Customer
    This reply has been marked as private.
    January 5, 2019 at 7:35 pm #23000
    Wes
    Moderator

    “If you are changing this with your browser via something like firebug it works fine. But if you add your own custom CSS (like through the customizer), it does not work properly.”

    The CSS will definitely work on both Firebug and the customizer. If you add it to the customizer or the style.css file directly you just need to make sure you clear your browser cache so the site shows your latest changes. Hit your Reload button and it should do it automatically.

    BTW, your link doesn’t appear to be working.

    January 10, 2019 at 2:20 am #23001
    Wes
    Moderator

    Any updates?

    January 10, 2019 at 7:29 am #23003
    carnelldesign
    Customer
    This reply has been marked as private.
    January 11, 2019 at 2:43 am #23004
    Wes
    Moderator
    This reply has been marked as private.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2022 · Appfinite · Built With The Genesis Framework