- This topic has 7 replies, 2 voices, and was last updated 5 years ago by
Tom.
-
AuthorPosts
-
February 26, 2016 at 7:39 am #175449
Dwight
How do I get my header (under background images) to show correctly on desktop and mobile?
http://www.niaimanirocks.com/-
This topic was modified 5 years ago by
Dwight.
February 26, 2016 at 11:59 am #175519Tom
Lead DeveloperLead DeveloperInstead of uploading it as a background image, upload it as a header in “Customize > Site Identity”.
Then if you want it to go full width, add this CSS:
.inside-header.grid-container { max-width: 100%; } .inside-header img, .site-logo { width: 100%; }
Adding CSS: https://generatepress.com/knowledgebase/adding-css/
-
This reply was modified 5 years ago by
Tom.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 26, 2016 at 12:08 pm #175526Dwight
What’s the best size for the header image?
What’s the best size for the body background image?Thanks!
-
This reply was modified 5 years ago by
Dwight.
-
This reply was modified 5 years ago by
Dwight.
February 26, 2016 at 12:10 pm #175529Tom
Lead DeveloperLead DeveloperDepends on how big you want the header image – it can be tiny or really big, it all has to do with your design.
If you want it to span the entire width of your page, it should be around 1500px I’d say.
For the background image, I suggest using images that don’t have any text etc.. as it won’t show on all screens due to aspect ratio changes. Background images should be designs/patterns, and again can be as large or a small as your design needs π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 26, 2016 at 12:21 pm #175533Dwight
There’s only Logo and Site Icon under Site Identity.
The header is 1500px wide and after putting it under site identity/logo and putting the CSS, it still didn’t expand full width.
February 26, 2016 at 12:24 pm #175537Tom
Lead DeveloperLead DeveloperI adjusted the CSS above: https://generatepress.com/forums/topic/header-display/#post-175519
Then to remove the spacing around the header, use the Spacing add-on (if you have it) in “Customize > Element Spacing”.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 26, 2016 at 12:31 pm #175538Dwight
Perfect! Thanks a million…love your theme!
February 26, 2016 at 12:56 pm #175543Tom
Lead DeveloperLead DeveloperYou’re welcome π Thanks for using it!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
This topic was modified 5 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.