Header Block displaying incorrectly on mobile
-
I have a container block with an image as the background, and a heading text block inside that container. On desktop, this displays correctly as the text on top of the larger background image.
But on tablet or mobile, the text switches to vertical, and aligns to the far right of the page. Changing flex/responsive settings seem to have no effect. The problem occurs only for pages I create, and not for default starter pages, even though I have the same container/heading settings. I’ve tried purging caches too, with no effect.
Any ideas why the text isn’t aligning properly? There’s plenty of room even on mobile for the full word to display horizontally.
The page I need help with: [log in to see the link]
-
For anyone else with the same problem–it was an issue with the padding on the background container. I was centering the heading text by padding the container. I instead made the contained “boxed” and set the minimum height and width to 1200/400, and 10 padding, and that resolved the issue.
The topic ‘Header Block displaying incorrectly on mobile’ is closed to new replies.
