Auto scale pages | PenciDesign Support

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.container {
  width: 1200px;
}
@media only screen and (max-width: 1170px) {
    .container {
      width: 960px;
    }
}
@media only screen and (max-width: 960px) {
    .container {
      width: 800px;
    }
}
@media only screen and (max-width: 767px) {
    .container {
      width: 100%;
    }
}

Regards,
PenciDesign.

aditya08kumar replied

3 years ago

Customer Reply

Hi ,

If you want to change the container size, please go to Appearance → Customize → General → Custom Container Width.

I don't want to Custom Container Width to be fixed as large or small. It would be appreciate if you have custom code to auto scale the container size to fit into screen size.

Thanks.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

1. If you want to change the container size, please go to Appearance → Customize → General → Custom Container Width,

2. About the signup button, please create a custom header layout then drag/drop the Login/Signup button element to the area you want to show.

Regards,
PenciDesign.

aditya08kumar replied

3 years ago

Customer Reply

https://www.ommlearning.com

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please send me your site URL, I'll check then send you a quick guide.

Regards,
PenciDesign.

adityacreatewealth replied

3 years ago

Customer Reply

Hi ,

I asked for Two issues , one is to auto fit pages based on screen size and second one is to integrate login page. your last answer is address which issue ?

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi @aditya08kumar,

Please build the header layout with Penci Header Builder by following the document at this link: https://soledad.pencidesign.net/soledad-document/#header-footer-builder

Regards,
PenciDesign.

aditya08kumar replied

3 years ago

Customer Reply

Hi ,

I attached a screen shot, you can see like birthday pages appear in two sides of content. Secondly, On above I would like to add login button ? how do I do that ?Thanks

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

1. Unfortunately, there is no way to make any site auto-scale based on screen dimensions. Soledad and all other WordPress themes are designed using a grid system (1200px), so if you access your site on a large screen, you may see a lot of white space on the left/right.

2. Please send me the screenshot of this question.

Regards,
PenciDesign.

adityacreatewealth started the conversation

3 years ago

Conversation Start

Hi,

1. What would be the setting to auto scale my pages and posts .Now its fixed size ,if I move from smaller to bigger screen , the two sides are not filled . It doesn't look good.

2. How to enable signup page on the right side ?

I enable the following setting but it doesn't reflect in page.

Membership	Membership Anyone can register