[Kattenfotografie.com]

Hi,

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

http://www.kattenfotografie.com

[tikaram]

@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,
Tikaram

[Kattenfotografie.com]

It doesn’t work, nothing changed.

[Sakin]

Hi 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);
	}
}

[Kattenfotografie.com]

Do you have another solution for me to try?

 

[Kattenfotografie.com]

Sakin, it works! Thank you so much!

 

[Sakin]

Hi 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,
Sakin

[Kattenfotografie.com]

Thanks Sakin!

[Sakin]

Hi 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

[Author]

Posts