- This topic has 7 replies, 3 voices, and was last updated 3 years, 5 months ago by Tom.
May 4, 2017 at 12:21 pm #314005sdanbu
I’m trying to make the header content have a box with a background that is left aligned AND responsive in the header content.
I can create the box but it does not have a percentage of the page and often drags into the rest of the page. Instead, it should just be one percentage of the page and not leave the header content area.
I also am having trouble making it begin further down the page…
I can kind of do this with a rich text editor but GP doesn’t have that for the header-content.
<span style=”color: #ffffff;”>Info info info info </span>
Can you help me with this?May 4, 2017 at 12:59 pm #314039LeoStaffCustomer Support
I can’t quite picture what you are wanting to do.
Are you able to provide a quick example or show me what you have so far?
Depending on what you are after, might be able to use the before header content hook:
Keep in mind that background image property is not responsive by nature.
Let me know 🙂May 4, 2017 at 6:41 pm #314147sdanbu
Thanks I’m basically trying to make the text responsive
It would also be great would have a background color that could be responsive.May 4, 2017 at 7:29 pm #314157TomLead DeveloperLead DeveloperMay 16, 2017 at 5:03 pm #318943sdanbu
For some reason, the div in header content is centered in the page.
Instead, it should have a position to the left of where it is currently.
I don’t understand why the text is in the middle of the page when I didn’t do anything to the CSS. It’s like it has a huge margin built in.May 16, 2017 at 11:50 pm #319034TomLead DeveloperLead DeveloperMay 18, 2017 at 7:06 am #319940sdanbu
I’m trying to make the relative position left aligned starting at around 10% of the screen
or absolute position at left side of the screen or something where it is not as much in the center
Or if the container in the header is a certain size maybe it can be set to be more full screen?May 18, 2017 at 1:56 pm #320280TomLead DeveloperLead Developer
- You must be logged in to reply to this topic.