inline text with svg icon left

This topic has 7 replies, 2 voices, and was last updated 4 years, 3 months ago by Elise Noromit.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
November 13, 2020 at 5:50 pm #241358

IbrahimY
Participant

Hi there,

I want to create a horizontal list with icons in svg left and the text to the right. I see it is not possible with the elements of your theme. How can I do this.

Please see example image. https://snipboard.io/LG6iQ8.jpg

So the text are aligned in the middle.

And also my menu is shaking when it is in sticky modus. When I hover from one menu to the other.

https://snipboard.io/uOWqcV.jpg

Thanks for the help.

regards,
ibrahim

November 13, 2020 at 10:04 pm #241408

Elise Noromit
Member

Hello,

It is possible. You can add Fontawesome icons into the menu item. Please check this instruction to find the option on how to do that: https://xtemos.com/docs/woodmart/create-menu-2/

Best Regard

November 13, 2020 at 10:27 pm #241416

IbrahimY
Participant

You answered me completly different then what I asked for.

I asked 2 different things.

1. I showed you a printscreen I want see printscreen https://snipboard.io/c6f8mE.jpg
horizontal list with svg ivon left

my other problem see my webite

I have a sticky menu, when scrolling down and going with the mouse to the menu and hovering. and move between other menu links it is shaking. please check

Please read carefull what I wrote cause you answered me totally wrong thing, I didnt ask for.

November 14, 2020 at 1:56 pm #241535

Elise Noromit
Member

Hello,

Sorry for the confusion, your first screen showed the main menu, and the second screen was interpreted as the main menu as well, that is why I have provided such instruction.

There is no option to create such a menu, you can consider building the menu by means of Information boxes.

As for the second problem, please deactivate the plugins not related to the theme and check again.

Best Regards

November 14, 2020 at 2:29 pm #241550

IbrahimY
Participant

Dear Elise,

I know there is no such menu, I am asking if you have one inline html code so I can paste it there, cause I have no html knwoledge.

something like this

text

it will look this :

icon.svg text icon.svg text icon.svg text icon.svg text

I want this to be in one line (horizontal) for you it is ease, I really have no knowledge.

Your theme does only provide it in block and I don’t want that.

Is it really that much asked to provide it.

——————————————
As for the other problem, disabling pugins I have done that before not working.

Thanks in advance.

Regards,

Ibrahim

November 14, 2020 at 6:29 pm #241605
Elise Noromit
Member
Hello,

Please follow these steps:

1. Add a Raw HTML element and add this class to the element: custom_menu_gorizontal
2. Add this code to the element:
```
<ul class="menu">
	<li> <a href="#">New York</a></li>
	<li> <a href="#">London SF</a></li>
	<li> <a href="#">Cockfosters BP</a></li>
	<li> <a href="#">Los Angeles</a></li>
	<li> <a href="#">Chicago</a></li>
	<li> <a href="#">Las Vegas</a></li>
</ul>
```
3. Replace fa-500px with your icon. Then insert your full URL instead of #, replace the content of the link.

4. Add this custom CSS to the Theme Settings > Custom CSS > Global.
```
.custom_menu_gorizontal ul{
display:flex;
justify-content:center;
}
.custom_menu_gorizontal ul li{
display:inline-block;
margin:2px 10px;
}
```
Best Regards
November 15, 2020 at 8:35 pm #241771

IbrahimY
Participant

Hi Elise,

Thank you very much for your efford.

Great service as always.

Best regards,

Ibrahim

November 16, 2020 at 11:19 am #241922

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

inline text with svg icon left

Create your WordPress website.