Archived topic
How to make my header add on image full screen
6 replies · Started by kyle on January 2, 2017
I have a sample image on my website and I'm trying to get it to fit full screen but I can't seem to work it out.
I managed to get it working before on another website with but when i use the same code for some reason this time it does not seem to work.
If someone could check it out for me that would be great. The page is:
http://swingtradesmart.com/learn-to-trade/what-is-technical-analysis/
And the code I've used in the child theme is
.generate-page-header.grid-container {
max-width: 100%;
margin-top: 0px;
}
And just in case this helps, here is the URL for the website that the code did work on
http://purehousehacks.com/kitchen-hacks/
Thanks in advance
Hi Kyle,
Try this CSS:
.page-header-image.generate-page-header {
max-width: 100%;
margin-top: 0px;
}Let me know.
Thank you for the effort but unfortunately not no :(
You need to force the image to be full width:
.page-header-image img {
width: 100%;
}I just related the other code and added your code Tom but still nothing. It was very straight forward last time I'm not sure what I'm doing wrong.
Update I just used the original code I posted in the first post that I said worked on my last site and I also added your code Tom And now it works. Thanks for the help guys
Glad you got it working :)
