I'd like a transparent header on mobile but the various "transparent header" options do not to work as indicated. I should add that I'm using "full-height" sections and the transparent header works beautifully on desktop.
It looks like this issue keeps coming up on prior tickets but is still unresolved. Surely there is a way to enable this truly "transparent header" when so many have asked for it? This seemingly simple update seems like it should be a quick, "no-brainer" fix on a decent WP theme.
Some assistance or a workaround to share with the community would be greatly appreciated.
P.S. If you can provide a way to disable the header on mobile...that may be a better short-term fix. Of course, the hamburger navigation menu would still need to be accessible.
Thanks for your reply Tahir. Any workaround suggestions at all? If true transparency is not an option, there must be some way to at least disable the sticky header on mobile? This demo looks so great on desktop and it would be a shame if I can't get the mobile experience up to a similar aesthetic/ quality level.
A related issue with my mobile header is that the entire nav area on mobile appears to be a clickable link that returns users to the home page. This results in many accidental clicks when a user is intending to open the hamburger menu. Is there a setting to disable the header link? I only want my logo to be clickable - not the entire mobile header.
I'd like a transparent header on mobile but the various "transparent header" options do not to work as indicated. I should add that I'm using "full-height" sections and the transparent header works beautifully on desktop.
It looks like this issue keeps coming up on prior tickets but is still unresolved. Surely there is a way to enable this truly "transparent header" when so many have asked for it? This seemingly simple update seems like it should be a quick, "no-brainer" fix on a decent WP theme.
Some assistance or a workaround to share with the community would be greatly appreciated.
P.S. If you can provide a way to disable the header on mobile...that may be a better short-term fix. Of course, the hamburger navigation menu would still need to be accessible.
Hey M,
Have noted it in the Wishlist. The reason its not available is that the Page content would overlap the Header Elements and cause further issue .
Best
ThemeNectar Support Team
Thanks for your reply Tahir. Any workaround suggestions at all? If true transparency is not an option, there must be some way to at least disable the sticky header on mobile? This demo looks so great on desktop and it would be a shame if I can't get the mobile experience up to a similar aesthetic/ quality level.
No i am afraid not at the moment.
Best
ThemeNectar Support Team
Hi Tahir.
A related issue with my mobile header is that the entire nav area on mobile appears to be a clickable link that returns users to the home page. This results in many accidental clicks when a user is intending to open the hamburger menu. Is there a setting to disable the header link? I only want my logo to be clickable - not the entire mobile header.
Thanks for your continued support.
Hey Again,
Add this to the Custom Css box. :
@media only screen and (max-width: 1000px) and (min-width: 1px) {body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"] header#top .span_3 {
width:90% !important;
}
}
Best
ThemeNectar Support Team