Tagged: menu icons
Dear Enfold-team,
I have added an image to one of my menu icons. It worked great but how can I get it to align horizontally? I tried adding
.sub_menu .menu-item img {
position: relative;
top: 3px;
}
to quick CSS but it didn´t work. Can you help me please?
Thanks.
Best regards, Claudia
Hey Claudia,
How exactly did you add the image?
If you added it to the menu item via Appearance -> Menus then you may need to add the style inline with the code you added to the menu item.
Example: `<img src=”http://yourimage.png”style=”height:100px;”
style=”width:100px;” style=”top:3px;” alt=”25″/>`
The style is defined in the example.
Best regards,
Jordan
Hey Jordan,
thanks for your reply. I tried that too, but it didn´t work. I added to the menu item: (in the section menu name)
Login
Do you have an idea how to align it?
Thanks in advance.
Best regards, Claudia
Hi Claudia,
Could you please provide login details to your site so that I can have a closer look.
Best regards,
Jordan
Here it is. Thanks!
Hi,
I added following code to Style.css file of your child theme
.avia-menu-text img {
top: 5px;
position: relative;
}
Please review your website now
Best regards,
Yigit
Hi Yigit,
thank you so much. It looks perfect!
Enfold is a great product!
Thanks for your help.
Best regards, Claudia
Hi Claudia,
Thanks for your kind words and support :)
Glad we were able to assist you, please feel free to reach out to us again if there is anything else you need help with.
Best regards,
Jordan