Homepage › Community Forums › Aspire Theme Support › Change Content & Sidebar Width
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;
}
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.
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.
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.
“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.
Any updates?
