Tagged: menu mobile
Hi,
I’m using a couple of social media icons in a menu. When using a mobile device, the mobile menu is activated. In the mobile menu, all menu items are presented in one column, each link on it’s own row. I want the social media icons to be next to each other, but it can’t seem to get it to work. Can you help?
Also I’m using a CSS class in the menu (in /wp-admin/nav-menus.php) for the social media icons, but that class seems to disappear in mobile view. Is that correct?
Thanks! URL is in the private content section.
Hey Daniel,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items:nth-last-child(-n+3) {
width: 33%;
float: left;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit