Home › Forums › Support › How to make my header add on image full screen This topic has 6 replies, 3 voices, and was last updated 7 years, 2 months ago by Tom. Viewing 7 posts - 1 through 7 (of 7 total) Author Posts January 2, 2017 at 4:15 am #259820 kyle 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 January 2, 2017 at 10:09 am #259915 LeoStaff Customer Support Hi Kyle, Try this CSS: .page-header-image.generate-page-header { max-width: 100%; margin-top: 0px; } Let me know. January 2, 2017 at 11:28 am #259962 kyle Thank you for the effort but unfortunately not no ๐ January 2, 2017 at 11:34 am #259970 TomLead Developer Lead Developer You need to force the image to be full width: .page-header-image img { width: 100%; } January 3, 2017 at 8:24 am #260274 kyle 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. January 3, 2017 at 8:28 am #260276 kyle 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 January 3, 2017 at 8:41 am #260283 TomLead Developer Lead Developer Glad you got it working ๐ Author Posts Viewing 7 posts - 1 through 7 (of 7 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In