Archived topic
post title not responsive
5 replies · Started by Streater on June 23, 2021
I've tried everything to try and make my post title responsive... when I zoom out the title always moves left. I tried adding widths set to auto to the divs because that's what always solved the problem in DIVI. That didn't work here. I tried 100% too.
The horizontal alignment in the hero element is set to left... but that is the style I want. I tested center and right (which is not the look I want) and you can tell it also isn't responsive.
I also tried this solution which was the only one here on the forum:
https://generatepress.com/forums/topic/blog-titles-not-responsive/
Any ideas? (page link below)
FYI... I don't think the header image is responsive either. When I had a smaller image it also moved left. But I reverted to this larger image and it looks fine now.
Hi Steater,
I'm not sure I fully understand what you are trying to achieve.
Are you trying to make the title align-center no matter what the size of the screen is?
Let me know :)
No I was just seeing if align-center would solve the problem... disregard that... not at all what I was trying to go for.
Try Zooming out on the page (link in private information)... you can see it isn't responsive... the title moves left over the logo. Responsive pages, you zoom out and everything stays centered. How do I fix this?
The header element is full width, no matter you have a sidebar activated or not.
You can try this CSS to limit the H1width to 1200px to match your site container width:
.inside-page-hero h1 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}Perfect thank you!
No problem :)
