Archived topic
control the header in mobile
3 replies · Started by liorsade8 on October 19, 2018
hello,
i want to do something, and need your help please:
in desktop: i want everything to stay as is (logo in header, and main navigation).
when scrolling down - i want it to stay the same: logo in sticky navigation and main navigation...
btw - i'm using hamburger code:
https://jonsuh.com/hamburgers/
https://generatepress.com/forums/topic/animated-hamburger-icon/page/2/
and this is where the problem appears in mobiel...
in mobile/tablet: i want to remove the header and to keep the logo in sticky navigation and main navigation...
i tried to use your mobile header but when i'm using the hamburger code - the menu doesnt appear.
please help,
thanks
Hi there,
Give this CSS a try:
@media (max-width: 1050px) {
#site-navigation:not(.navigation-stick) .navigation-logo {
display: inline-block !important;
position: absolute;
left: 0;
}
#site-navigation:not(.navigation-stick) .menu-toggle {
text-align: right;
}
.site-header {
display: none;
}
}Amazing tom! it's working.
again - u guys rocksXXXX!
thanks
Glad I could help :)
