Page width | PenciDesign Support

andrewsgibson replied

5 years ago

Customer Reply

Thanks, that worked perfectly!

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

The following code will apply the single page only:

@media only screen and (min-width: 1170px) {
    body.page #navigation .container {
        width: 900px;
        margin: 0 auto;
    }
}

Regards,
PenciDesign.

andrewsgibson replied

5 years ago

Customer Reply

Thanks, but I need it work for pages not single posts.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please modify the CSS to work for the single post:

@media only screen and (min-width: 1170px) {
    body.single #navigation .container {
        width: 900px;
        margin: 0 auto;
    }
}

Regards,
PenciDesign.

andrewsgibson replied

5 years ago

Customer Reply

I tried that and it resets the menu width on every page including the home page and single posts. I need it to work on single pages only. I don't mind entering a different CSS code snippet for every page with the page ID if that's what it takes.

Thanks,

Andrew

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

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

@media only screen and (min-width: 1170px) {
    #navigation .container {
        width: 900px;
        margin: 0 auto;
    }
}

Regards,
PenciDesign.

andrewsgibson replied

5 years ago

Customer Reply

Thanks, that worked for the page content, but is there a way to get the menu to line up as well on the left side?

http://mastering-lightroom.com/about/

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

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

@media only screen and (min-width: 1170px) {
    .penci_is_nosidebar #main {
        width: 900px;
        margin: 0 auto;
    }
}

Regards,
PenciDesign.

andrewsgibson started the conversation

5 years ago

Conversation Start

Is there a way to set the page width to 900 pixels when there's no sidebar? The left side of the menu needs to align with the left side of the text. Here's an example page where I'd like that to happen:

http://mastering-lightroom.com/about/

I'm using Soledad Simple Blog.

Thanks,

Andrew