Greetings!
Please check out this site and see what happens on mobile collapse. It adds white space beneath the logo. It happened before the button was added. It looks like that is the div for the text that appears to the right of the logo – and I’ve tried display: none; but it’s not working. Adjusting the padding or margins on nearby elements hasn’t had an affect either. Is there a fix to this?
Thanks in advance!
Hi Offbeat Minds
The issue is being caused by the Header Sidebar Margin. Please try adding this to the custom CSS editor at Appearance->Custom CSS
@media all and (max-width:680px) { body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar { margin-top: 0px !important; } }This should lay the button down directly below the header image.
If you want to remove the button altogether for mobile please use this instead
@media all and (max-width:680px) {
body.responsive #masthead .hgroup .support-text, body.responsive #masthead .hgroup #header-sidebar {
display: none !important;
}
}
{/code]
Let us know how you get on
Magus
Hi Offbeat Minds
@Magus has guided you on how to either remove the button on mobile view or remove the space below the logo.
Please try that out and let us know if it works out for you
Cheers
@Magus – that did the trick! Many thanks! : )
Perfect :-)
Always feel free to open a new thread whenever you require support
Cheers