Recent searches


No recent searches

Changing a container max width



Posted Aug 01, 2023

Hello,
How can I change the article page container max width so it allows the text and content to take up more space please as shown in this mockup?



0

4

4 comments

image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Milo Mayyalou

The Container width which you are referencing is common to all the pages of the help center, if you want the article content to stretch a little bit, Please add the below CSS at the bottom of your style.css file 

 
@media (min-width: 1024px) {
  .article {
    max-width: 100%;
  }
}

Please, let me know if it solves your issue 

Thank You 

Pulkit

Team Diziana

0


It worked! Thank you!

How do I adjust the minimum width of the site itself and make it take up the full space (viewport width) of the screen on both sides, regardless of the user's screen size (1024px or larger), Where do I set the min-width: 100vw; in the CSS file for the website body itself?

0


image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

Hi Milo Mayyalou

Please, replace the below CSS with the one shared earlier and place it at the bottom of your style.css file


@media (min-width: 1024px) {
  .article {
    max-width: 100%;
  }
  
  .container,
  .header,
  .footer-inner{
  max-width:100vw;
  }
}

Let me know if it solves your issue 

 

Thank You 

Pulkit

Team Diziana

1


Worked perfectly. Thank you!

1


Please sign in to leave a comment.

Didn't find what you're looking for?

New post