Size of Hamburger Icon (CSS request)
Hi, I am using the Empty header (w/ side slide @ 500px) and on desktop/tablet the hamburger menu icon is too small.
I tried
#top_bar a.responsive-menu-toggle i {
font-size: 60px !important;
line-height: 15px !important;
icon:background !important;
but it did not work, how can I make this larger?
Is there an option to change the hamburger icon to another variation, something more unique?
How can I align the hamburger icon into the middle of the icon background?
Thank you for your help
Comments
Hi,
Please always attach a link to your website 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 with the link.
Thanks
of course, https://affordablewpsupport.com/
There is a theme option to replace the hamburger menu icon to Text, but not simply add text before or after the icon.
That would be very useful.
Using the header builder plugin, is it possible to create this?
Please, use the following code:
#Top_bar a.responsive-menu-toggle i{ font-size: 30px!important; } #Top_bar a.responsive-menu-toggle{ /*Size of the menu background*/ width: 40px!important; height: 40px!important; }With the header builder plugin, you can add text elements right after your menu, but this tool does not allow to have a hamburger menu on the desktop display.
Best regards
Thank you!
how do I remove this slide bar at the bottom of the side slide menu?
it was being caused by css to make the X close button larger on side slide:
#Side_slide a.close i{
font-size: 32px!important;
}
So did you resolve it?
Can I help you with anything else?
Thanks
fixed thank you