Return to previous page

When creating a Mega, how can the banner image be aligned parallel to the bottom of the navigation,

This topic has 9 replies, 2 voices, and was last updated 2 months, 1 weeks ago ago by Tony Rodriguez

Allen

Participant

May 18, 2024 at 03:48

Hi,When creating a Mega, how can the banner image be aligned parallel to the bottom of the navigation, without placing the banner at the top? See the attached image。

Files is visible for topic creator and
support staff only.

#395705 Copied Theme version: 9.3.10

8 Answers

Tony Rodriguez

Support staff

May 18, 2024 at 09:31

Hello, @Allen,

Thank you for contacting us and for using XStore.

We are pleased to inform you that we have updated the procedure for adjusting the position of your website’s banner. Please follow the steps outlined below to move the banner down by 80 pixels:

1. Navigate to the Dashboard and select ‘Pages’.
2. Choose to edit the “index” page by selecting the “Edit with Elementor” option.
3. In the Elementor editor, go to the Banner Section and click on the Advanced Tab.
4. Under the margin settings, add a top margin of “80px” to the banner section.
5. Click “Publish” to save the changes.

For your reference, you can view the following image which illustrates these steps: (https://paste.pics/edit/QYHSE)

Should you require any further assistance or have any questions, please do not hesitate to contact us. We are here to support you.

Best regards,
The 8Theme Team

#395744 Copied

Allen

Participant

May 18, 2024 at 10:15

Hello,

I have two issues:

The navigation bar, logo, etc., are not vertically centered.
The top edge of the dropdown menu is too close to the logo and navigation bar. Please refer to the attached image for reference.
Thank you.

Files is visible for topic creator and
support staff only.

#395750 Copied
Tony Rodriguez

Support staff

May 18, 2024 at 13:18
Hello, @Allen,

Thank you for your response.

1/ We are pleased to inform you that the issue you reported has been successfully resolved. Our team has restored the default settings in the header using Elementor.

For your reference, please review the following images which illustrate the adjustments made:
– [Image 1](https://paste.pics/QYJBD)
– [Image 2](https://paste.pics/QYJCE)

2/ We are pleased to inform you that we have successfully added a space between the dropdown menu (mega menu) and the navigation bar (header) on your website. This adjustment was achieved by incorporating the following CSS code in the XStore > Theme Options > Theme Custom CSS > Global CSS section:
```
.elementor-element-f1075b5 .nav-sublist-dropdown {
    margin-top: 10px !important;
}
```
Please note that you can customize the spacing to better suit your needs by adjusting the margin-top value in pixels.

For your reference, you can view the changes in the following images:
– [Image 1](https://paste.pics/edit/QYIWT)
– [Image 2](https://paste.pics/QYIXF)

We hope this enhancement meets your expectations. Should you require further assistance or wish to make additional modifications, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#395779 Copied
Allen

Participant

May 21, 2024 at 02:42

thanks

#396033 Copied

Allen

Participant

May 21, 2024 at 02:46

There is still an issue where the dropdown menu disappears when the mouse selects it.

#396034 Copied

Tony Rodriguez

Support staff

May 21, 2024 at 07:09

Hello, @Allen,

We are delighted to inform you that the issue you reported has been successfully resolved. The solution involved adding specific CSS code to the header and setting the minimum height for the Elementor Header.

For your reference, you can view the changes in the following images in private content area.

Should you require further assistance or have any additional questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#396050 Copied

Allen

Participant

May 21, 2024 at 10:49

Hello, thank you very much. However, this has caused the dropdown menu to be too close to the logo, as seen in the attached image. Please refer to the dropdown menu in the attached URL for reference. Thank you.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#396087 Copied

Tony Rodriguez

Support staff

May 21, 2024 at 12:05

Hello, @Allen,

We are pleased to inform you that the issue you reported has been successfully resolved. Our team has removed the previously added CSS code and adjusted the padding settings in Elementor, which has addressed the concern.

For your reference, we have uploaded images illustrating the adjustments in the private content area of your account.

We hope this resolution meets your satisfaction. Should you have any further inquiries or require additional assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.

#396094 Copied
Tagged: banner image alignment, enhanced user interface, mega creation, navigation bottom, woocommerce themes, wordpress customization
Viewing 9 results - 1 through 9 (of 9 total)