I’ve added the word ‘MENU’ to the right of the menu icon but it’s pushed the icon to the left side of the box. How can I correct this with CSS so the icon is in the middle of the box again?
Hi ChichesterDesign,
Please try the following in Quick CSS under Enfold–>General Styling:
#advanced_menu_toggle:before {
padding-left: 10px !important;
}
Regards,
Rikard
Hi Rikard,
That worked beautifully.
How do I get the ‘menu’ text to position on the left of the logo as it’s off the edge page on mobile devices where it is currently on the right.
Many thanks!
Ah I think I sorted it myself…
#advanced_menu_toggle { right: 5%; color: black; }
#advanced_menu_toggle:after {
content: ‘Menu’;
font-size: 18px;
position: relative;
top: -4px;
left: -90px;
color: #808080
}
#advanced_menu_toggle:before {
padding-left: 10px !important;
}
Hi!
Glad you figured it out!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit