Dashicon closer to menu item
-
Hello, I’m using side menu for hijacking the mobile menu. Is it possible to put the dashicon for menus with submenu closer to the menu item?
And is it possible to change the background of the menu item, when I’m hovering it?
The page I need help with: [log in to see the link]
-
Hi,
Sure, you can add this CSS to “Customizer – Additional CSS” changing the value to whatever you prefer …
.sidemenu .submenu-toggle { margin-left: 0.5rem; }… and for the background colour …
.sidemenu .menu li:hover { background-color: red; }Let me know if that works for you.
Oliver
Unfortunately nothing happens …
We are not seeing either of the snippets of CSS above in your website. Can you please confirm that you have added them, saved the changes and that if you are running a caching plugin that you have flushed / purged your cache?
Yes I did everything. The problem ist, when I’m using iPhone XS, the dashicon of one (long) submenu item is alone in the next line
We still can’t see the CSS in your website. If you don’t add the CSS to your site we cannot see why it’s not working for you.
yes i did … Well I’m afraid it’s not showing in the source of https://gemeinsam-aufsteigen.de/ so perhaps you have a cache that needs to be flushed / purged?
This is a screen shot of additional css
Yes I´m using W3 Total cache and I flushed it twice …
OK. I can see it now in an external file. It’s not working because you put it at the end of the “Additional CSS” and you have errors in the CSS before that. For example …
.sgpb-subs-form-1425 { background-color: #eee;… should have a
}following it.Please remove any CSS errors there are in there or move our CSS to the top.
Yes, that’s it! Thank you so much!
No problem! 🙂
The topic ‘Dashicon closer to menu item’ is closed to new replies.