Give margin below menu and image to create gap

This topic has 16 replies, 3 voices, and was last updated 2 months, 1 weeks ago ago by Luca Rossi

  • Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 10, 2025 at 18:25

    Please give a margin below the menu and image to create a gap as mentioned in the screenshot

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2025 at 06:09

    Hello, @Ankit Khandelwal,

    Thank you for reaching out to us with your concern.

    Unfortunately, we are unable to review the screenshot you have provided. To assist you more effectively, we kindly request the following:

    1. A clear screenshot of the issue you are experiencing. You can upload the screenshot in the designated file upload area.
    2. Access to your site’s WordPress admin panel. Please share the credentials securely in the private content area.

    Once we have this information, we will be able to thoroughly review your settings and provide the necessary assistance.

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 11, 2025 at 08:51

    Please find enclosed screenshot

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2025 at 09:14

    Hello, @Ankit Khandelwal,

    Thank you for providing the screenshot.

    We are pleased to inform you that your issue has been resolved. Kindly check your website after clearing your mobile browser cache to ensure the changes take effect.

    For your reference, please see the image provided in the private content area.

    We hope this resolves your concern. Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 11, 2025 at 11:18

    Yes this you have done perfectly.
    Few more updates needed

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    January 11, 2025 at 12:49

    Hello, @Ankit Khandelwal,

    Thank you for your response.

    1/ Please provide a screenshot with a mark on it, what exactly you want to remove the extra space below the menu matter and Let us know on mobile device or desktop.

    2/ You can save the existing page as a template and then apply it to a new page.

    Steps:
    Open the Existing Page:

    Navigate to Pages > All Pages.
    Click Edit with Elementor on the page you want to duplicate.
    Save the Page as a Template:

    Click the Arrow Icon next to the “Update” button in Elementor.
    Choose Save as Template.
    Give the template a name and click Save.
    Create a New Page:

    Go to Pages > Add New.
    Click Edit with Elementor.
    Load the Template:

    Click the Folder Icon in the Elementor editor.
    Navigate to the My Templates tab.
    Select the template you saved earlier and click Insert.

    Please read the official documentation of the Elementor plugin here: https://elementor.com/help/how-to-duplicate-an-elementor-page/

    We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

    Best regards,
    The 8Theme Team

    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 11, 2025 at 13:15

    To reduce the extra space below menu please find attached screenshot. Please refer the yellow highlighted area which not be there. Height of menu upto the text. This is on the both mobile and desktop

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 11, 2025 at 17:00

    Hi @Ankit Khandelwal,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    body .et-off-canvas>.et-mini-content {
        height: auto;
    }
    

    Kind regards,
    The 8Theme Team

    Files is visible for topic creator and
    support staff only.
    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 12, 2025 at 20:01

    Menu gap have to done in desktop view.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 13, 2025 at 11:02

    Dear @Ankit Khandelwal,

    We hope this message finds you well.

    We kindly request your attention to the following steps regarding your front-page header settings:

    1. Please navigate to the settings for your front-page header under Theme Options > Header Builder and disable the “Header Overlap” option. You can refer to this screenshot for guidance: https://prnt.sc/MLcL3AI3mUx1.

    2. Next, please edit your default header under Theme Options > Header Builder and enable the “Sticky Header” option for the main header. For reference, here is a screenshot: https://prnt.sc/Rao-cb5r8kyt.

    Additionally, could you kindly provide more details or share relevant screenshots/videos to help us better understand your requirements or concerns?

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 14, 2025 at 18:17

    I have done but still not showing in some pages

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 15, 2025 at 02:18

    Hi @Ankit Khandelwal,

    1. You’re using 2 header, 1 for the front-page and 1 for the other pages. Please make sure you change the setting of default header too: https://br-dr.nl/wp-admin/customize.php?autofocus%5Bpanel%5D=header-builder.

    https://prnt.sc/FSsMrSXiCqV9

    2. Please edit your home page, then add the top margin to the first section: https://br-dr.nl/wp-admin/post.php?post=11515&action=elementor

    https://prnt.sc/byQcWW5V2wks

    Hope it helps!

    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 15, 2025 at 08:06

    Please help me as in private window

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 16, 2025 at 09:38

    Dear @Ankit Khandelwal,

    1. Did you disable the sticky header setting? You don’t want to use this feature anymore?

    2. Sorry for the confusion. Please add the top padding instead.

    Let us know how it goes!

    Avatar: Ankit Khandelwal
    Ankit Khandelwal
    Participant
    January 16, 2025 at 12:15

    On giving padding the space shows too much in both desktop & mobile view

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 17, 2025 at 10:43

    Hi @Ankit Khandelwal,

    It looks good on our end:

    https://prnt.sc/8J5GLo1s5RMK

    Can you check again?

    Thank you!

  • Viewing 16 results - 1 through 16 (of 16 total)

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

Helpful Topics

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