- This topic has 11 replies, 4 voices, and was last updated 11 months, 2 weeks ago by
David.
-
AuthorPosts
-
April 24, 2020 at 10:48 pm #1254495
Suraj Katwal
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.comApril 24, 2020 at 11:00 pm #1254500Suraj Katwal
Here 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.comApril 25, 2020 at 7:28 am #1254983David
StaffCustomer SupportHi 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/April 25, 2020 at 8:36 am #1255189Suraj Katwal
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.comApril 25, 2020 at 5:15 pm #1255710Tom
Lead DeveloperLead DeveloperYou 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-developmentApril 25, 2020 at 6:10 pm #1255745Suraj Katwal
Great!!! Thank You, David and Tom
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comApril 26, 2020 at 5:29 am #1256239Suraj Katwal
How to get 2 menus in the same row for mobile devices?SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comApril 26, 2020 at 9:12 am #1256580Leo
StaffCustomer SupportI 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/April 26, 2020 at 5:45 pm #1257046Suraj Katwal
Sure, please check
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comApril 27, 2020 at 3:44 am #1257470David
StaffCustomer SupportTry 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/April 27, 2020 at 7:06 am #1257779Suraj Katwal
Thank you so much for everything.
SEO, WordPress Optimization, Blogging Tutorials.
GeneratePress Tutorial: https://www.wplogout.comApril 27, 2020 at 7:47 am #1257856David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.