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.
-
AuthorPosts
-
December 12, 2018 at 8:49 am #22977
carnelldesign
CustomerI 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 #22983Wes
ModeratorI 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 #22990carnelldesign
CustomerYou 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 #22993Wes
ModeratorIf you change the width to both of those sections in the demo then it should still work. The
.content
changes to620px
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 #22994carnelldesign
CustomerThis reply has been marked as private.January 5, 2019 at 7:35 pm #23000Wes
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 #23001Wes
ModeratorAny updates?
January 10, 2019 at 7:29 am #23003carnelldesign
CustomerThis reply has been marked as private.January 11, 2019 at 2:43 am #23004Wes
ModeratorThis reply has been marked as private. -
AuthorPosts
- You must be logged in to reply to this topic.