3 line menu size
Hello
I increased the 3 line menu size on mobile devices by using the following code:
/*
Mobile 3 line menu toggle size increase
*/
#Top_bar a.responsive-menu-toggle i { font-size: 35px !important; }
#Top_bar a.responsive-menu-toggle { padding: 10px 20px; }
}
Mobile 3 line menu toggle size increase
*/
#Top_bar a.responsive-menu-toggle i { font-size: 35px !important; }
#Top_bar a.responsive-menu-toggle { padding: 10px 20px; }
}
that works great on phones in vertical portrait. When you turn phone sideways, the 3 line menu icon goes back to smaller size and also on sticky mobile header it is smaller and no padding.
How can i make the larger 3 line menu and padding apply when you turn phone sideways horizonal/landscape and sticky header on mobile devices to keep the size of the 3 line menu larger and apply the padding?
I tried adding the @media (max-width:798px){ } but that didn't do anything. Hoping you can help with my CSS code above to apply it to horizontal and sticky header on mobile devices.
Thanks in advance.
Comments
Please always attach a link 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 the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks