Tagged: site width
- This topic has 8 replies, 3 voices, and was last updated 1 year, 1 month ago by
Sakin.
-
AuthorPosts
-
October 25, 2022 at 9:14 pm #312016
Kattenfotografie.com
ParticipantHi,
I hope you can help. For the desktop I want to change my site width or move the sidebar out of the content area. Before I had no sidebar and I loved the width. Now I want to use the sidebar, however the content width is getting to small for my liking. I prefered to have the full width (1240 px) for the content and an expention for the sidebar (the menu, header and footer have to expand also, so full width is instead of 1240 px for example 1480 px which I can divided in 240 px for the sidebar and 1240 px for the content). An other solution is placing the sidebar in the margin instead of the content area.
I hope you can understand what I mean and give me a solution. Thanks in advance!
Best Regards,
Ellen
October 25, 2022 at 9:31 pm #312026tikaram
Keymaster@kattenfotografie-com : Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css@media screen and (max-width: 1366px) { .wrapper { width: 100%; } #main { width:100%; } }
Regards,
TikaramOctober 26, 2022 at 9:27 pm #312039Kattenfotografie.com
ParticipantIt doesn’t work, nothing changed.
October 26, 2022 at 9:59 pm #312040Sakin
KeymasterHi Ellen,
If you want to make the width of the wrapper bigger on the larger screens then add the following CSS in the “Appearance => Customize => Additional CSS” box:
/* Layout to increase the wrapper size */ @media only screen and (min-width: 1281px) { .wrapper { width: 1480px; max-width: 100%; } #main { width: calc(100% - 340px); } }
October 27, 2022 at 4:21 pm #312050Kattenfotografie.com
ParticipantDo you have another solution for me to try?
October 27, 2022 at 4:29 pm #312051Kattenfotografie.com
ParticipantSakin, it works! Thank you so much!
October 27, 2022 at 7:46 pm #312052Sakin
KeymasterHi Ellen,
I see that you have extra CSS after the CSS above CSS in your Additional CSS box: You need to remove the following CSS otherwise it will conflict and have issue:
/*-------------------------------------------------------------- 13. Content --------------------------------------------------------------*/ #main { float: left; width: 1200px; } .sidebar-primary { float: right; width: 240px; }
Regards,
SakinNovember 4, 2022 at 12:20 am #312329Kattenfotografie.com
ParticipantThanks Sakin!
November 5, 2022 at 1:42 am #312345Sakin
KeymasterHi Ellen,
Glad to hear that my support worked on your website. If it’s not too much trouble, I have a quick request: could you please leave an honest review? https://wordpress.org/support/theme/parallax-frame/reviews/#new-post. Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
Regards,
Sakin -
AuthorPosts
- The topic ‘change of site width or move the sidebar out of the content area.’ is closed to new replies.