How can I get Mobile menu only on lower resolutions?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Aug 03, 2016 10:50 am
Reply with quote
Report this post
Hi,
I have turned off Responsive layout for my template because I dont need it. I only need the menu to change to the Menu icon for lower resolutions. How can this be done?

My web is http://manaki.gorast.com/

Thanks,
Gorast
User avatar
Platinum Boarder

teitbite
Sat Aug 06, 2016 11:51 am
Reply with quote
Report this post
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
@media only screen and (max-width:1235px) {
#gkMobileMenu {
    display: block;
    position: absolute;
    right: 91px;
    top: 28px;
}

#gkMainMenu {
    display: none;
}

#mobileMenu {
    position: absolute;
    top: -200px;
}
}
User avatar
Moderator

GK User
Sat Aug 06, 2016 1:00 pm
Reply with quote
Report this post
Thanks! :D
Gorast
User avatar
Platinum Boarder

teitbite
Mon Aug 08, 2016 5:27 pm
Reply with quote
Report this post
Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro
User avatar
Moderator


cron