Custom mobile header height with LayerSlider
Hello!
I'm developing a website based on the ebook2 demo (centred logo split menu with sticky header)
I want to have different height on my Header for mobile and desktop/tablet.
From Global -> Logo -> Advanced I've set 120px height and 30px padding. This works great for Desktop and Tablet, but is too big for mobile, where I'd like to use the default 60/15 setting.
From Global -> Responsive -> General I've uploaded different logos for mobile devices with screen size < 768px. However, when I open Global -> Responsive -> Header there is a warning that setting a header height won't work with Slider Revolution. So I switched to LayerSlider, but the height option is not working with it, either - on mobile I still get the same 120px/30px settings from Global -> Logo -> Advanced page.
So, how to edit the mobile header height and reduce it without affecting the Desktop settings?
Also, how to make the Sticky header on Mobile NOT Transparent, like it is on Desktop (Sticky header background is the same as Top Bar Left background)
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
It is always a good idea to also attach a screenshot showing your issue.
Thanks
Hi, how to link the website privately? It is not live yet and do not wish to be shared on a public forum.
I don't see an option to share it privately with the staff only like on most other support forums...
Please send this information privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Thanks
Please go to Betheme -> Theme options -> Responsive -> Header, change the layout to Logo center | Menu right, and uncheck the transparent option.
Best regards
Hi, I'd like to keep the regular mobile header transparent and have only the sticky mobile header solid, like on desktop.
Unchecking the transparent option makes both the regular and sticky header solid.
So I suggest using the Header Builder.
You can learn more about these tools on the following video tutorials:
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
https://support.muffingroup.com/video-tutorials/building-mobile-headers/
Best regards