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 3 weeks, 3 days ago ago by Tony Rodriguez

  • Avatar: Allen
    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.
    8 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: Allen
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: Allen
    Allen
    Participant
    May 21, 2024 at 02:42

    thanks

    Avatar: Allen
    Allen
    Participant
    May 21, 2024 at 02:46

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

    Avatar: Tony Rodriguez
    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.
    Avatar: Allen
    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.
    Avatar: Tony Rodriguez
    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.
  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.