Container Maximum Width - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Container Maximum Width

A

artem

SP Page Builder 2 years ago

Good day, please help. I've encountered an issue – I can't change the "Container Maximum Width." I set it to 1794px, but no changes are taking place. What could be the problem? https://photos.app.goo.gl/WZZTYAgiXcf5o4Ph6

Template : shaper-startup-biz

I also tried to stretch the content using the "Fluid Width" option. Unsuccessfully. https://photos.app.goo.gl/JX6yDDZCWQtdcPzF7

0
8 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127693

Hi

Thanks for contacting us. You can use this custom CSS

@media (min-width: 1200px){
.sppb-row-container {
    width: 1400px !important;
}
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

1
A
artem
Accepted Answer
2 years ago #127715

It's so easy! :) Thanks a lot.

Can you write a similar code for the header?

And if you don't mind, could you please tell me, in which file the Custom CSS is recorded? Could you provide the path to the file where this particular line is located?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127717

For header use this code

#sp-header{
width:  *Set your desired value* !important;
}

You can solve it via DEV tool, just inspect your browser then you can find it. This blog will help you, please follow this

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

If you dont have any question you can then close this post by accepting the answer.

0
A
artem
Accepted Answer
2 years ago #127718

As it turns out, this code doesn't display "Articles" correctly. The entire content has shifted to the right. :((( https://photos.app.goo.gl/NwgNYgfVSN1rhZeY7

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127724

On home page it seems fine, which page are you facing the problem? Give me that link please.

0
A
artem
Accepted Answer
2 years ago #127731

@media (min-width: 1200px){ .sppb-row-container { width: 1400px !important; } }

width: 80% !important;

By changing pixels to percentages, I managed to solve the issue. Thank you. Closing the topic.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127738

Glad to know that.

0