Maximum width setting?

This topic has 14 replies, 2 voices, and was last updated 11 years, 2 months ago by Dignan17.

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

Author

Posts
September 21, 2013 at 8:59 pm #14861

Dignan17
Member

Greetings!

I really like your theme, and I appreciate that it’s responsive. However, I’d like to be able to set a maximum width for the content that’s actually narrower than the current max width. Is that possible?

September 22, 2013 at 1:49 am #14893

Sakin
Keymaster

@Dignan17: Can you send me your site URl and let me know what the max width you want to set it. For larger screen maybe you can try our new theme Catch Evolutions Pro http://catchthemes.com/themes/catch-evolution-pro/

September 22, 2013 at 1:52 am #14894

Dignan17
Member

I’m working on a test site to play with the theme at the moment, and not the production site. Is there a way for me to do this myself?

I’m looking to not let the column get any larger than the second or third-largest width…

September 22, 2013 at 1:54 am #14896

Sakin
Keymaster

@Dignan17: Let me know the width and the your screenshot design. Then I can give you suggestion about it.

September 22, 2013 at 2:08 am #14898

Dignan17
Member

Ah okay, well here’s the link to the test site: ttmaher.com

After measuring, the width I think I’d like is the 900px one. It appears that there’s four different widths above the “cell phone” width where the menu gets compressed into a drop-down. I’m looking for the one two above that point (again, the third-widest).

September 22, 2013 at 2:34 am #14903

Dignan17
Member

I apologize if this is off topic for this thread, but I’m also looking to adjust the margins on the header. Any way to do that?

September 22, 2013 at 9:53 am #14905

Sakin
Keymaster

@Dignan17: Sorry but your site is offline

September 22, 2013 at 10:02 am #14908

Dignan17
Member

Very sorry about that! I’ve unlocked it now.

September 22, 2013 at 10:16 am #14912

Sakin
Keymaster

@Dignan17: Catch Everest theme width is 1140px for large screen and it is responsive design and adjust it as per the screen size.

Look like you have already adjust your header margin. Let me know if you need anything else.

September 22, 2013 at 10:19 am #14914

Dignan17
Member

I did figure out the header margin stuff, thanks to your helpful responses in other people’s threads. I appreciate how responsive you are to your users. Thanks for that!

The problem with the width, for me, is that I don’t ever want my site (well, this particular site) to get to 1140px. Is there no way to limit it to a smaller size? I like that it’s responsive and that’s fantastic, but that doesn’t mean I necessarily want to have it fill the larger screens. I’d really like a way to limit the max width…

September 22, 2013 at 10:29 am #14916
Sakin
Keymaster
@Dignan17: Oh but this theme is design to fill in both large and small screens. I suggest you not to make 900px as it will be too small. So, I am giving you the css to make ti 990px. You can just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
```
@media screen and (min-width: 1190px) {
.site {
    width: 990px;
}
}
```
September 22, 2013 at 10:34 am #14920

Dignan17
Member

Sir, you are the best! That’s perfect. 990px should be fine. I’m just trying to match what people from this group have told me they’re looking for 🙂 Sometimes it’s not up to us, is it? 🙂

September 22, 2013 at 10:50 pm #14929

Dignan17
Member

One last thing. I hate to complain but while the code you gave me is great, it doesn’t also adjust the columns within the column. So basically the sidebar gets thrown to the bottom of the page.

You can see this on the following page, for example:
http://ttmaher.com/2013/09/18/nice-lorem-ipsum/

September 23, 2013 at 4:08 pm #14954
Sakin
Keymaster
@Dignan17: Oh sorry, I forgot about the width. Please replace the old css that I gave you with the following.
```
@media screen and (min-width: 1190px) {
.site { width: 990px; }
#main { padding: 30px 30px 0 30px; }
#primary { width: 570px; }
}
```
September 23, 2013 at 6:08 pm #14957

Dignan17
Member

Thanks, Sakin! That works perfectly!
Author

Posts