Archived topic
Page titles weird responsive effect
3 replies · Started by Streater on July 17, 2021
I get a weird affect with the responsiveness of my header titles. When I make window smaller the title shifts to the right of the content. Basically, when your window is fullscreen the Title is lined up correctly with the content BUT as soon as the window is smaller, the title is out of line. (This isn't a problem for Tablet and Mobile views)
You can see the effect the most on my newsroom page (see below)... but it is on most of my pages.
Now I believe the reason for this is because my header is fullwidth and my content is not. My sidebar has an effect on the responsiveness of the content while the header does not because it is full width.
On some pages I minimized this weird effect by making the left margin of the Header Title to 22% instead of 300px. But it is still a problem.
I guess if you don't have a solution, the best solution would be to just get rid of the header elements and add my titles in the page content... but that isn't ideal.
Any ideas?
Hi there,
thats going to be tough one to fix - aside of the hero element being full width, you have added fixed pixel margins to the main content to make space for the floating logo in the sidebar area. Keeping that responsive is going to be a pain. I had a look but couldn't see a way to fix it - those margins are creating a bit of minefield.
One option is hook in a new tile above the main content for those pages, so it is part of the main content.
Yeah I figured... ok I'll try that.. thanks!
You're welcome
