Question Regarding Predefined Header
Laurent
Hi,
If I chose this predefined header https://prnt.sc/1xtdkfe then from website front-end works fine from computer view : https://prnt.sc/1xtdmy8
But from mobile view I don't understand why there is a blank space on top of the logo : https://prnt.sc/1xtdqcd ?
Thanks
Paul Frankowski
Accepted AnswerI don't know the answer why. Probably somebody from Dev team didn't predict that some users needs only logo there, without social icons nor contact info. Yes, it has to be improved in one of upcoming updates.
By now you have to hide it by custom CSS.
Paul Frankowski
Accepted AnswerHi, Use Code Inspector from your browser and check what Section is there. Investigate basic HTML code and used CSS classes. You can always make a screenshot and share link to it for consulations.
Guide: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Laurent
Accepted Answerok here it is : https://prnt.sc/1xteckc
but I don't understand one thing : predefined header are normally automatic header layout no? so if I enable a predefined header, why I need to edit code then?
Laurent
Accepted Answerok understood, but would be great if you could add it on your roadmap ;-) thanks
Paul Frankowski
Accepted AnswerThis may help by now:
@media (max-width: 580px) {
#sp-header-topbar {margin: 0; display: none !important;}
#sp-header-topbar .container-inner > .row {min-height: 0;}
}
Andrea
Accepted AnswerHi everyone! I'm glad I found a tread with the same problem I'm facing right now. I could'n figured out how to solve it and this custom code
@media (max-width: 580px) {
#sp-header-topbar {margin: 0; display: none !important;}
#sp-header-topbar .container-inner > .row {min-height: 0;}
}works smooth on mobile but not on tablet. Thanks for your help, Paul
Andrea