I've seen a few post on this but never found a good answer that made sense. I would like to change the icon that brings up the slide out widget on mobile. Two menu buttons is confusing. I would like to change it to something like the three dots icon that usually indicates "more". What's the simplest way to do this? Not planning to go live with this site for another 6 weeks so if this something that is coming in an update that's fine too.
By the way - two bugs i've found. 1. Sometimes the slide out widget won't close on mobile when tapping X - also, being able to tap to the empty space to the left to close would be a nice addition. 2. When you have an image as the header on mobile it doesn't do the slide over animation like the rest of the page when opening the slide out widget (nectar slider does work correctly).
That worked. For some reason the icon is slanted - looks italicized - on desktop. I would even be okay with the desktop version just staying the same as before if needed.
Two other things. There is a small section of the icon on desktop that is white. Also, on mobile the icon is not vertically aligned. You can see the desktop version in the attached screen shot.
I've seen a few post on this but never found a good answer that made sense. I would like to change the icon that brings up the slide out widget on mobile. Two menu buttons is confusing. I would like to change it to something like the three dots icon that usually indicates "more". What's the simplest way to do this? Not planning to go live with this site for another 6 weeks so if this something that is coming in an update that's fine too.
By the way - two bugs i've found. 1. Sometimes the slide out widget won't close on mobile when tapping X - also, being able to tap to the empty space to the left to close would be a nice addition. 2. When you have an image as the header on mobile it doesn't do the slide over animation like the rest of the page when opening the slide out widget (nectar slider does work correctly).
Hey ,
We have a major update coming out next week with the latest Visual Composer . That should sort alot of these issues.
Thanks
ThemeNectar Support Team
Plus 1 on this. Been looking all day on how to change the icon to something else. Png/svg or something
Hey ,
.slide-out-widget-area-toggle span i.lines-button.x2:before { content: \'\\f0e0\'; font-family: \'FontAwesome\'; top: 6px !important; position: relative; color:#fff !important; font-size: 22px !important; } .slide-out-widget-area-toggle span i.lines { display: none !important; }
Thanks
ThemeNectar Support Team
That changed the desktop version to an envelope and did nothing to mobile. Weird.
Here\'s a screen shot of desktop.
Hey Again,
Use this instead:
.slide-out-widget-area-toggle i:before { content: \'\\f0e0\'; font-family: \'FontAwesome\'; top: 6px !important; position: relative; font-size: 22px !important; } .slide-out-widget-area-toggle span i.lines { display: none !important; }
Thanks
ThemeNectar Support Team
That worked. For some reason the icon is slanted - looks italicized - on desktop. I would even be okay with the desktop version just staying the same as before if needed.
Two other things. There is a small section of the icon on desktop that is white. Also, on mobile the icon is not vertically aligned. You can see the desktop version in the attached screen shot.
Hey Again,
Sorry for the delay. Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.slide-out-widget-area-toggle i:before { font-style: normal; } header#top .span_9 > .slide-out-widget-area-toggle i { line-height: 25px; }Thanks
ThemeNectar Support Team
Awesome. This appears to have fixed everything. Thank you so much for taking the time to get this right.