I want to make the menu seem the way in which it does on desktop gadgets for cell and pill gadgets.
It is open on desktop, however a hamburger icon for smaller screens.
I checked out this query, however as an alternative went with the next css:
genericon-menu::earlier than { content material:
"MENU"; font-family:
arial,helvetica,sans-serif; font-
weight: daring; padding-right: 5px;
place: relative; high: -2px;
border-left: 1px stable #f1f2f3;
padding-left: 10px; } main-navigation
.menu-toggle { border: none; margin-
left: -45px; }
.toggled .menu-toggle {width: 100px;}
which I took from right here.
So, the hamburger icon is now "MENU" textual content, which is healthier, however I might ideally prefer to have the menu toggled open completely for smaller screens.
I appeared right here, however could not discover what I used to be in search of.
My web site is https://martinbeltonart.com
My fallback is to make use of the Rebalance theme, however I might quite follow Illustratr if attainable.