- This topic has 5 replies, 2 voices, and was last updated 7 years, 8 months ago by
Tom.
-
AuthorPosts
-
October 1, 2014 at 4:28 am #35642
Chad Biggs
I notice the aspect ratio of the post excerpts changes as the browser size changes. In the header, the width changes but the height does not. Is there a way to make the header act the same way as the post excerpts?
October 1, 2014 at 9:05 am #35727Tom
Lead DeveloperLead DeveloperHi Chad,
It should change the size. Are you talking about your header image?
When you resize, it doesn’t resize?
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 1, 2014 at 10:34 am #35742Chad Biggs
Yes I am using am using a background image in the header. When the browser window is maximized the image would not fit in the header, so I added space to the top and bottom of the header. Now, everything looks great when the browser window is maximized but when the browser window is not maximized and the size of the window is reduced, the image will reduce but the header does not reduce in height which makes a lot of white space around the image. But the white space is only on the top and bottom.
October 1, 2014 at 5:33 pm #35989Tom
Lead DeveloperLead DeveloperAh I understand.
Yea, padding won’t reduce with browser size, so you’ll have to use some CSS here.
@media screen and (max-width: 767px) { .site-header .inside-header { padding-top: 40px; padding-bottom: 40px; } }
This will adjust the padding to your header when the browser window reaches 767px.
You can change the pixels to whatever break point you like, and can even duplicate these instances with different widths so you can gracefully decrease the spacing inside the header.
Let me know if that helps or not 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentOctober 14, 2014 at 9:19 am #39121Chad Biggs
Oh, I just now got what you are saying. Seems weird to have to do that. Would there be any side effects if I changed the padding px to padding percentages? It seems to flow better. I guess one of the downfalls of working on localhost is that you cant test on a cell phone.
October 14, 2014 at 10:02 am #39132Tom
Lead DeveloperLead DeveloperYou can test on a cell phone if you set your URL to your IP address instead of localhost – that’s what I do.
You can use percentages – they just won’t be completely consistent and exact – but it’s definitely an option.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.