Home › Forums › Support › Header Background not working on mobile This topic has 12 replies, 2 voices, and was last updated 3 years, 6 months ago by Leo. Viewing 13 posts - 1 through 13 (of 13 total) Author Posts September 21, 2020 at 12:58 pm #1452819 Laurice I’m trying to have my header background image show up on mobile. Currently, it only shows on Desktop. September 21, 2020 at 1:02 pm #1452825 LeoStaff Customer Support Hi there, Any chance you can link us to the site in question? You can use the private information field. Let me know π September 21, 2020 at 1:30 pm #1452867 Laurice Yeah no problem September 21, 2020 at 1:33 pm #1452873 LeoStaff Customer Support You have the mobile header option activated so the default header is hidden on mobile: https://docs.generatepress.com/article/mobile-header/ Try disabling the option first. That background image won’t work very well on mobile though. Can you try adding that as the site logo and see if works better? https://docs.generatepress.com/article/adding-header-logo/ Let me know π September 21, 2020 at 1:36 pm #1452881 Laurice Awesome thank you! Is there a way to have a different header image for mobile that is more mobile friendly? September 21, 2020 at 1:38 pm #1452885 LeoStaff Customer Support Are you referring to a different logo image or background image? September 21, 2020 at 1:44 pm #1452892 Laurice Background image September 21, 2020 at 1:46 pm #1452893 Laurice https://www.harpersbazaar.com/ This is what I’m looking to do September 21, 2020 at 1:49 pm #1452898 LeoStaff Customer Support You can apply a mobile-specific background image with this CSS: @media (max-width: 768px) { .site-header { background-image: url(https://MOBILE_IMAGE_URL); } } Adding CSS: https://docs.generatepress.com/article/adding-css/ September 21, 2020 at 2:06 pm #1452934 Laurice Thank you π The Img URL isn’t working in the code @media (max-width: 768px) { .site-header { background-image: url(https://relaxingdecor.com/wp-content/uploads/2020/09/c2f1e4208a0b1acd0f7427ab54bc4ed8.jpg); } } September 21, 2020 at 2:10 pm #1452943 LeoStaff Customer Support Looks like it’s working for me? https://www.screencast.com/t/Xssfjh9p3M September 21, 2020 at 2:10 pm #1452945 Laurice Actually I got it thank you! September 21, 2020 at 2:13 pm #1452949 LeoStaff Customer Support No problem π Author Posts Viewing 13 posts - 1 through 13 (of 13 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In