max-width for main content

Shapely
1

Hi,
similar to other threads, i have an issue with “max-width”, which isn’t solved with the supplied css-code from an other thread (full width) on fosternet.de.
I’m curious that people state that it works, because i’d think it is “col-md-9” rather than “col-md-12” that needs to be modified.
I already tried a lot of combinations, but with no luck.
Do you have a hint why the fix from the thread mentioned above doesn’t work for me?
Thanks
Niko

2

Hi Niko,

I hope you are well today and thank you for your question.

Could you please share me the pages URLs from your site which you want to display as full width so that i can help you to achieve it?

Kind Regards,
Movin

3

Thanks for your response and engagement helping people solving even those problems, they might solve by themselves by learning CSS and trying, which i did and also read all of the forum sites for shapely.

I’d like to have full-witdth basically on every site, but especially on those cntaining pictures and galleries as on http://fosternet.de/en_GB/menschen/

4

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


@media (min-width: 1200px){
#main {
    width: 1270px;
}
#primary.full-width {
    padding: 0;
}
}
5

Thanks so far, i already thought about additional @media-declarations for higher resolutions (e.g. full-hd), but was hoping there could be a more general solution that always displays media content in full width (relative to browser window).

6

You are most welcome here :slight_smile: