How do I Change Max-width In An Helix Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How do I Change Max-width In An Helix Template

Stephane Hanrez

Stephane Hanrez

Template 2 years ago

Hi,

How do I increase the width of my content using Helix ?

I tried adding the following custom css :

@media (min-width: 1700px) {
    .container { max-width: 1600px; }
    .article-body-content {max-width: 1600px; }
}

works fine for the menu (.container part) but not for the content... I'm not sure which css class I should target for this.

I also tried article-body-wrap but doesn't work either.

Thanks

0
7 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #135749

Hi there!

Thanks for reaching out to us.

Kindly share your site URL along with redirection to which content you are targeting.

Best Regards

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
2 years ago #135750

Hi,

I have added my URL in the hidden content.

I'm targeting the whole content of the page (and all other pages). If you look at the URL I provided, it goes from the white box on top until the map at the end of the page, I would like the whole content's width to be 1600 on bigger screens.

Thanks

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
2 years ago #135890

Any news regarding this ? Thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #135915

Hello,

Please use the following code in your custom CSS:

.view-article #sp-main-body .article-body-wrap {
    max-width: 1600px;
}

Here is all about the custom code placement for Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Hope this will serve your purpose:)

Best Regards

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
2 years ago #135924

Hi Rashida,

This increased the width of the white box, but not the content within, and also not all other elements on the page below that white box.

Stéphane

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
2 years ago #136027

OK, I found out that I also needed to change the "container max width" within the article... it now does stretch to the right size.

Thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #136038

Hi Stephane,

Glad that you have found that too and you are always welcome:)

Thanks for letting me know about your experience.

Have a nice day!

0