- This topic has 11 replies, 2 voices, and was last updated 3 years, 1 month ago by Leo.
September 30, 2017 at 10:03 am #394868Jamie
I have a couple of questions. I’ve created a header with quite a big height and full width. This works fine on a computer screen, but when I look at the page for a mobile phone, I only see a small section of it. If I enable the mobile header, then it only gives the option of using logo.
What I really want is to have the header displaying full on computer, and also show the image on the mobile. Is this possible?
Also, maybe it would be better to use a content box to display the header image instead? I really only want this image on the landing page. In that case, is there a way to disable the header, because I havethe menu at the top of the screen anyway, or would this damage seo at all?September 30, 2017 at 12:16 pm #394928LeoStaffCustomer SupportOctober 1, 2017 at 1:24 am #395148Jamie
Hi,October 1, 2017 at 9:10 am #395382LeoStaffCustomer Support
Are you referring to the image that is currently inserted as background image?
Background images are responsive by nature unfortunately.
You could try adding it as a static image in the first section then set it to full width though since you are already using sections below it.
Let me know if this helps.October 1, 2017 at 1:49 pm #395520Jamie
There doesn’t seem to be a static image setting in the ‘section settings?’
So basically, if you look at the website now, just to make it clear, I have the photo with the passport and sunglasses twice. The top one is using the themes header function, the second one is using the generate press sections feature.
If I use either of these to display the photo as the background image, it looks fine on a computer, but if I view it through a phone, it looks like this:
I want it to either display like it does on the website, or if this is not possible, I need it to display the words. Is there any way to do this? If there isn’t, is there any way to add another image that will show on the mobile phone site only?
ThanksOctober 1, 2017 at 7:09 pm #395618LeoStaffCustomer SupportOctober 1, 2017 at 10:39 pm #395670Jamie
No, I just want it on the home page. I just need it to be displaying properly, responsivly for mobile and tablet as well.
JamieOctober 2, 2017 at 2:11 pm #396155LeoStaffCustomer SupportOctober 3, 2017 at 12:41 pm #396857Jamie
I think we’re almost there! If you look at the website now, you can see that I used your technique above to add a static image. However, as you can see, there is still space around the image that I want the image to fill, namely a bit a both sides and then a tiny bit underneath. I searched previous posts and it mentioned setting image width to 1920px, but that doesn’t seem to have helped in this case? Is this an image size issue, or something else?
JamieOctober 3, 2017 at 4:53 pm #396946LeoStaffCustomer SupportOctober 5, 2017 at 12:30 pm #398085Jamie
Excellent, it’s worked!
Thanks for the help Leo.
Just one more question. As I’m using a section for this image at the top of the home screen, and only wanted the menu above this with the logo in, I’ve set the header padding in wordpress as 0 for top, right, bottom and left so that it doesn’t show. Is it ok to do this, or will this effect anything like SEO at all?
JamieOctober 5, 2017 at 2:29 pm #398143
- You must be logged in to reply to this topic.