- This topic has 16 replies, 3 voices, and was last updated 4 years, 1 month ago by Leo.
September 29, 2016 at 5:24 am #230289Nicki Watson
I am finding that the header spacing on my website leaves too much white space underneath the logo on the mobile version. Could you please advise how I could make this smaller?
2 On the mobile version of my site the header widget area with the social icons displays at the top, and then the logo displays underneath it. Is it possible to change these so that the logo is on top on the icons underneath?September 29, 2016 at 9:28 am #230347TomLead DeveloperLead Developer
1. Can you link me to your site so I can see what’s causing the white space?
2. This topic should help: https://generatepress.com/forums/topic/mobile-friendly-header/#post-177641September 29, 2016 at 2:45 pm #230446Nicki Watson
its http://www.cotswoldcolleague.co.ukSeptember 29, 2016 at 8:10 pm #230497TomLead DeveloperLead Developer
Any reason you have the description added but hidden? That’s most likely a part of the cause.
Then you have negative margin added to the
I would remove the site description, remove that negative margin and then add padding to the bottom of the header.October 11, 2016 at 6:17 am #234300Nicki Watson
I changed the negative margin , and added padding to the bottom.
The site title is Cotswold Colleague and the tagline is Resourceful Virtual Admin the Cotswolds, but if I unhide this it shows additionally above the logo.
I can’t locate where the line showing below the logo is . Is site description somewhere else and not in site identity?October 11, 2016 at 12:22 pm #234432TomLead DeveloperLead Developer
It looks like you have the site title and tagline in the logo itself, so it’s probably ok just to remove the text versions in “Customize > Site Identity”.
It looks a lot better on mobile for me now 🙂October 18, 2016 at 3:40 am #236333Nicki Watson
I’ve taken this line out on the site identity but it’s still showing? Is there site description somewhere else?
Can I add you as user and you could take a look?October 18, 2016 at 9:11 am #236463TomLead DeveloperLead Developer
Did you check the “Hide title” and “Hide tagline” checkboxes?
Sure, feel free to send it using the contact page: https://generatepress.com/contact/October 19, 2016 at 6:37 am #236945Nicki Watson
Yes I have them checked and its still showing.
Sorry, not clear on how I give you access?October 19, 2016 at 6:51 am #236949Nicki Watson
I think Ive added you as a User now- sorry being dumb and getting my head around this. Thanks for your patienceOctober 19, 2016 at 10:38 am #237021TomLead DeveloperLead DeveloperOctober 19, 2016 at 1:26 pm #237095Nicki Watson
sorry . I cant find the form? Other than account issue? Sorry I’m not understanding how do I do give you access? I added as a user ?October 19, 2016 at 8:36 pm #237158TomLead DeveloperLead DeveloperJanuary 25, 2017 at 2:40 pm #268713Nicki Watson
I managed to remove this which as in GP hooks. Thanks.
I trialled adding in the css from your note in point 2 above- social icon appearing above the logo but the social icon moved to nearly touching under the logo. On mobile the social icons are too big in comparison with my logo. On pc it looks fine.
Could you help with css for this ? many thanksJanuary 25, 2017 at 3:50 pm #268748
- You must be logged in to reply to this topic.