- This topic has 11 replies, 4 voices, and was last updated 1 year, 9 months ago by
.
-
Posts
-
Let’s say I have an SVG Inline code and Base64 code, can I use those code to insert in the primary menu?
Is it using CSS Class?
I am not able to use it.Thank You
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comHere is an update but couldn’t fix it.
I don’t want to use any Icon fonts or font awesome so, I am trying SVG icon by myself.
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comCustomer Support
Hi there,
the Navigation Label filed will accept most HTML – so you can add your inline SVG directly to the code.
If you want to add it as a background then i would target the menu items
<a>element. And apply the background image to that.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Hi David, Thank you for the easy fix, Can you please help me with CSS?
I want to place a social Icon aligning center with respect to other menu and search Icon.SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comLead Developer
You can give that menu item a class, then do this:
.my-icon-menu-item-class svg { position: relative; top: 5px; }Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentGreat!!! Thank You, David and Tom
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.com
How to get 2 menus in the same row for mobile devices?SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comCustomer Support
I currenly only see one icon.
Can you add in the second one?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Sure, please check
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comTry this CSS:
#mobile-header.toggled .main-nav>ul { display: flex; flex-wrap: wrap; } #mobile-header.toggled .main-nav>ul li { flex: 1 0 100%; } #mobile-header.toggled .main-nav>ul li:nth-last-child(-n+3) { flex: 0 0 auto; }Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Thank you so much for everything.
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
- You must be logged in to reply to this topic.