-
Hi,
I use an element -> Header -> Page hero with a background-image and some text on it (3 lines of text), at this moment the same text is used for all pages.
However, except for the Homepage I would prefer to display the page titles on the other pages. But this text is less long (1 line), so the photo doesn’t keep the same height as on the Homepage… which gives a strange effect if you switch from Home to another page.
Is there a way to keep the same height for all pages?
Thanks.
-
Hi there.
You would need to create a new hero element just like the one you are using for all the pages. You would need to set the original one to appear only on the homepage and the newly created one to appear for all pages, OR for the Entire Site EXCLUDING the homepage.
For the newly created one, you would need to make the title dynamic by removing the text, clicking the dynamic icon (the database icon) and select a
{{post_title}}dynamic tag.
Then, set margin-bottom to
0for the title and adjust the top and bottom paddings for the hero container to something smaller in order to maintain a similar hero height compared to your homepage.Alternatively, you could set a fixed height for your hero container for both heroes with possible different height values for tablet and mobile screens.
-
Will try this, thank you!
-
No problem!
- You must be logged in to reply to this topic.