Theme Horse

Multiple Width Layouts

This topic has 3 replies, 2 voices, and was last updated 8 years, 7 months ago by Theme Horse Support Team.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 12, 2016 at 9:46 pm #44851

Paul Andrew
Participant

Thank you for your time,

Is it possible to have the narrow width layout for computer browsers/width size and the wide width layout for anything smaller?

May 16, 2016 at 11:25 am #44891

Theme Horse Support Team
Keymaster

Hi Paul,

The maximum narrow layout width is 978px. For which screen size you are trying to have the narrow width?

Thank you!

May 16, 2016 at 11:20 pm #44897

Paul Andrew
Participant

I want to have the narrow width, to allow custom background, on the largest screen size, but the wide width, to maximize content size, on the screen sizes for tablet and smaller.

May 18, 2016 at 7:19 am #44925
Theme Horse Support Team
Keymaster
Hi Paul,

To have the maximum content size for tablet and smaller devices go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:
```
@media only screen and (max-width: 1078px) {
    .narrow-layout, .narrow-layout .wrapper {
        width: 100%;
    }
    .narrow-layout .wrapper {
        max-width: 94%;
    }
}
```
Thank you!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.