That worked well enough, but now I want a full screen Header and it will only stretch it as far as the content width I am defining here, so 1370 pixel.
Could You help me with some custom CSS to make all the content wider, but leave the full screen header intact ?
The container width option is great, but I can only set it to a fixed pixel-number. I would love to set it to 80% Screen width, at least for the Desktop size, while keeping a fullscreen Header and Slider-Revolution Slider.
Could you point me in the right direction here? I'd probably need some custom CSS, right?
This would maybe be a great option to include in the theme by the way: being able to choose between pixel and percent when it comes to container width.
Hi,
I am looking for a way to make the content wider while not being stretched to the browser edges.
Until now I have used a CSS snipped I copied from somewhere:
/* Body: Large Screens*/ @media (min-width: 1400px) { .container { width: 1370px; max-width: 1370px; } .vc-container .vc-parent-row.row-stretch_row>.vc_row, .vc-container .vc-parent-row.row-default { width: 1370px; max-width: 1370px; } }That worked well enough, but now I want a full screen Header and it will only stretch it as far as the content width I am defining here, so 1370 pixel.
Could You help me with some custom CSS to make all the content wider, but leave the full screen header intact ?
Thanks a lot,
Florian
Hi Florian,
You have that option built-in on your theme. Just navigate to Laborator > Theme Options > Theme Styling > Container Width.
See video: https://d.pr/v/R7j7yW
Have a nice day!
...great, thanks! I totally missed, that this option was added.
Thanks a lot,
Florian
Hi Florian,
Happy to hear that
Have a nice day and stay safe!
P.:S If you enjoy our theme, you can head over to your Downloads tab and give it 5 stars. Huuuge thankss from our team!
Sorry Ylli, I have some more questions:
The container width option is great, but I can only set it to a fixed pixel-number. I would love to set it to 80% Screen width, at least for the Desktop size, while keeping a fullscreen Header and Slider-Revolution Slider.
Could you point me in the right direction here? I'd probably need some custom CSS, right?
This would maybe be a great option to include in the theme by the way: being able to choose between pixel and percent when it comes to container width.
Thanks!
Hi Bitflare,
The option with percentage is not available for the moment but we will discuss with the team to check if we can add that option to the to-do list.
For the moment you can add a CSS code like this on your Custom CSS area:
/* Body: Large Screens bigger containers */ @media (min-width: 1400px) { .container, .content-area { width: 1370px; max-width: 1370px; } .vc-container .vc-parent-row.row-stretch_row>.vc_row, .vc-container .vc-parent-row.row-default { width: 1370px; max-width: 1370px; } } /* Body: Large Screens */ @media (min-width: 1600px) { .container, .content-area { width: 1570px; max-width: 1570px; } .vc-container .vc-parent-row.row-stretch_row>.vc_row, .vc-container .vc-parent-row.row-default { width: 1570px; max-width: 1570px; } }*surely that you can change the width numbers based on your preferences.
Have a nice day!
Thanks Ylli, that works.
Happy to hear that
Have a great day and stay safe!
P.S: If you enjoy our theme, you can head over to your Downloads tab and give it 5 stars. Huuuge Thanks from our team.