Hi there,
How can I make it so that the mobile menu (3 bars) shows up sooner instead of the menu items becoming stacked on top of each other? Right now as I narrow the browser to a smaller width, I get this:
https://prnt.sc/tpw6mq
Can I make it so that the mobile menu shows instead at a certain width?
Thank you.
If you want the menus to be shown as three bars(for desktop as well) which is a hamburger menu then you have to customize the header files using Blank Child theme
I would like the desktop menu to show. But is there CSS that I can add to change responsive breaking point?
For example, at 800px, it triggers the hamburger menu.
Thank you.
well we can check this with the help of code
but need to check so please share the details and url too
This reply has been marked as private.
hi,
please check this
http://prntscr.com/trkw4g
is it fine for you if yes then let me know
i will provide the code for the same
I would prefer the hamburger menu at that size. If you can provide me with the CSS that would be great.
Hello,
Goto appearance>>customize>>custom css and use code given below:
header.univ .header_univ .header_main .header_main_content {
display: grid;
grid-template-columns: 113px 1000px;
}
https://prnt.sc/tue2wm