Return to previous page

Menu image not aligned with the text in menu created with heather builder Elementor

This topic has 9 replies, 3 voices, and was last updated 2 days, 11 hours ago ago by Andrew Mitchell

Duarte

Participant

June 26, 2024 at 18:52

I’m editing the header in Elementor, and I added 40px top padding to the menu.
I added the Home menu with an image, but the image is not aligned with the rest of the menu, and the yellow underline of the active item is on top of the image, it does not align with the others.
Already tried to add in css:
.menu-item-3330 {
padding-bottom: 10px;
}
but don’t worked, the yellow underline remains in the image.
Am I doing something wrong or is it a bug?

#401917 Copied Theme version: 9.3.13

8 Answers

Rose Tyler

Support staff

June 26, 2024 at 20:40

Hello Duarte,

Thank you for contacting us with your inquiry about header customization in Elementor.

To better understand your requirements, could you please provide us with some screenshots? Additionally, we would appreciate it if you could grant us temporary wp-admin access to review your settings.

Furthermore, we are currently unable to access your site. Could there be an IP restriction in place that might be causing this issue?

Thank you for your cooperation.

Best regards,
8Theme’s Team

Content is visible for topic creator and
support staff only.

#401923 Copied

Duarte

Participant

June 27, 2024 at 08:53

For sure you are in a country denied by our modsecurity. Already disabeled, you can see the site now.
I sent 2 images, one in page “Our shop” with the mouse pointing for “elements”, and the other in “home” and mouse in “our shop”.
The images “edit” and “edit_home” show edition in elementor, and as you can see, if we have hover effect framed, the frame in the image element isn’t the same size as in text element.
If I add a css with
.menu-item-3330 .elementor-item {
padding-bottom: 10px;
}
I can have the yellow underline in the correct position, but the image goes up…
Thank you

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#401985 Copied
Rose Tyler

Support staff

June 27, 2024 at 09:29
Hello Duarte,

We appreciate your prompt response.

Please edit the header template > settings of the menu element > Advanced tab > add custom CSS code:
```
selector img.attachment-thumb {
    margin: 6px auto;
}
```
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best regards,
8Theme’s Team
#401999 Copied
Duarte

Participant

June 27, 2024 at 11:16

Great!
One more question: how can I change the home img size to 170px?

#402039 Copied

Rose Tyler

Support staff

June 27, 2024 at 11:28

Hello Duarte,

You’re welcome!

Do you want to change the size of this image https://prnt.sc/OSir-HUTyTts ?

Best regards,
8Theme’s Team

#402042 Copied

Duarte

Participant

June 27, 2024 at 11:30

Yes, 160 or 170px

#402044 Copied

Rose Tyler

Support staff

June 27, 2024 at 11:54

Hello Duarte,

We hope this message finds you well. We kindly request that you implement the following custom CSS code:
selector .etheme-elementor-nav-menu.horizontal>li img.attachment-thumb.size-thumb { min-width: 170px; }

Best regards,
8Theme’s Team

#402047 Copied

Andrew Mitchell

Support staff

June 27, 2024 at 12:12

Dear Duarte,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#402050 Copied
Tagged: elementor heather builder, elementor menu customization, fix menu image alignment, menu image alignment, text alignment issues, woocommerce wordpress templates, wordpress menu solutions
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Menu image not aligned with the text in menu created with heather builder Elementor’' has been successfully resolved, and the topic is now closed for further responses

Menu image not aligned with the text in menu created with heather builder Elementor

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection