Helix Ultimate 2.0.1 - Default Container Width - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Helix Ultimate 2.0.1 - Default Container Width

A

Addington

Template 4 years ago

Hi,

I have recently updated to HU 2.0.1. In the previous version, all my content and extensions have been configured and styled to work on a container width of 1140px. As far as I can see the largest, desktop size is now set to

@media (min-width: 1400px) .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } This causes the menu and content/extensions to stretch wider. Changing it in the bootstrap.min.css file doesn't work, nor does adding this to the custom css file.

Can you advise me about how to resize the container?

Many thanks.

0
5 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #32157

Hello

Thank you for your query. The code that you added in Custom CSS file: Have you tried adding "!important" in the css rule there?

0
A
Addington
Accepted Answer
4 years ago #32160

Hi,

Thanks for your quick reply!

I added this code

@media (min-width: 1400px) .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px !important; }

but it doesn't work either. (I cleared all the caches etc)

0
A
Addington
Accepted Answer
4 years ago #32175

Have managed to sort it for now, thanks.

0
Pavel
Pavel
Accepted Answer
4 years ago #32176

Hi. Your code contains syntactic errors and a lot of superfluous. Here is the right code

@media (min-width: 1400px) {
    .container {
        max-width: 1140px !important;
    }
}

And never edit core files like bootstrap.min.css and other. Your file for edit - custom.css only.

0
A
Addington
Accepted Answer
4 years ago #32195

Thanks a lot.

0