How to add section above the menu as seen on demo

This topic has 21 replies, 3 voices, and was last updated 1 year ago ago by Tony Rodriguez

  • Avatar: PR
    PR
    Participant
    March 15, 2023 at 01:06

    Hi,

    On this demo; https://xstore.8theme.com/elementor/demos/niche-market02/

    You can see a section above the menu which says; sale upto 50% off.

    How can we edit and add this?

    You can see the tab on this link when you view the demo above; https://xstore.8theme.com/

    Thanks!

    20 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 15, 2023 at 10:11

    Hello PR,

    To edit the header banner, please navigate to Dashboard > Static Blocks > edit the Header promo banner block as per your requirements. For a better reference, please see the image provided at the following link: https://postimg.cc/nj159xbk.

    To add a Header banner, please navigate to Dashboard > Appearance > Widgets > Header banner > add 8theme static block widget. For a better reference, please see the image provided at the following link: https://postimg.cc/r04zChFz.

    We hope this information is helpful.

    Best Regards,
    8Theme’s Team

    Avatar: PR
    PR
    Participant
    March 19, 2023 at 06:02

    Hello Tony,

    Thanks! However it doesn’t show up. I did it according to the rules, but the banner does not show up.

    Any tips to get it showing?
    Thanks!

    Avatar: PR
    PR
    Participant
    March 19, 2023 at 06:29
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 19, 2023 at 09:55

    Hello, PR,

    Thank you for contacting us and for using XStore.

    Please provide temporary wp-admin access, so we can take a closer look at your settings.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Kind Regards,
    8theme team

    Avatar: PR
    PR
    Participant
    March 20, 2023 at 04:29

    Hello!

    We made a custom block and then added it to the widget as specified above.
    Does that part work with all demos?
    We are using the industrial tool demo at the moment.

    Thanks for your help!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 20, 2023 at 07:57

    Hello, PR,

    Thank you for the response.

    In this case, please go to Theme Options > Global Sections > Add item > select position before the header and select your static block.

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: PR
    PR
    Participant
    March 22, 2023 at 02:39

    Hello Rose,

    Thank you so much! It worked as soon as I followed the steps you provided above. I did not know about this, we will keep this information for our other websites.

    We appreciate your advice and help.
    Thank you once again for solving this issue for us 🙂

    Avatar: PR
    PR
    Participant
    March 22, 2023 at 02:39

    Just one last question,

    Can we make that section appear on mobile phones?

    Avatar: PR
    PR
    Participant
    March 22, 2023 at 02:54

    Hell Rose,

    It shows up on the mobile screen, but looks very small and doesn’t fit the screen.
    Can we make it fit the screen?

    Thanks in advance

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 22, 2023 at 10:16

    Hello PR,

    Thank you for the reply.
    Please provide URL of your site via the Private content area, so we can take a closer look and help you.

    Kind Regards,
    8theme team

    Avatar: PR
    PR
    Participant
    March 23, 2023 at 02:42

    Hello Rose,

    I have added the domain on the PCA.
    The top section was added, but its not “fitting” exactly to the screen as full sized, it looks boxed and has white space around it.

    Thanks for your help

    Please contact administrator
    for this information.
    Avatar: PR
    PR
    Participant
    March 23, 2023 at 06:33

    Also, that section randomly appears on the cart page.

    How can we remove it from the cart page, and have it only shown on the main website EXCEPT the cart/checkout pages.

    Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 23, 2023 at 12:06

    Hello, PR,

    “The top section was added, but its not “fitting” exactly to the screen as full sized, it looks boxed and has white space around it.” – as we can see, you added image element, which can’t be stretched, so we would recommend you to add the image as a background for stretched section and set height, for example – https://prnt.sc/Cr-3nxOXTJ25 + https://prnt.sc/PjYYbu0BNur2

    “How can we remove it from the cart page, and have it only shown on the main website EXCEPT the cart/checkout pages.” –

    .woocommerce-cart .page-wrapper .elementor-2357,
    .woocommerce-checkout .page-wrapper .elementor-2357 {
        display: none;
    }

    Kind Regards,
    8theme team

    Avatar: PR
    PR
    Participant
    March 23, 2023 at 14:42

    Thanks Rose!

    Just one more thing,
    I made the image the background, but the size is weird.

    How can we set a size so the image shows?
    The image is 1920 by 85 pixels

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 23, 2023 at 14:49

    Hello, PR,

    Thank you for the reply.

    Have you set all settings as on screenshots from my previous reply?

    Please provide temporary wp-admin access, so we can take a closer look.

    Thank you for your cooperation and we look forward to hearing from you soon.

    Kind Regards,
    8theme team

    Avatar: PR
    PR
    Participant
    March 23, 2023 at 20:40

    Hello Rose,

    So sorry, I did not see that there was 2 links.

    Thank you!

    Avatar: PR
    PR
    Participant
    March 24, 2023 at 03:54

    Hello Rose,

    One more thing; The blue section on top – the height is set to “default”.
    How can we make it smaller?

    I am trying to make it a little bit smaller but nothing is working so far.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 24, 2023 at 09:36

    Hello, PR,

    Private Content

    Kind Regards,
    8theme team

    Please contact administrator
    for this information.
    Avatar: PR
    PR
    Participant
    March 25, 2023 at 00:45

    Thanks Rose!

    Appreciate your help. You are definitely a pro at all this!

  • 1 2
    Viewing 20 results - 1 through 20 (of 21 total)

The issue related to '‘How to add section above the menu as seen on demo’' has been successfully resolved, and the topic is now closed for further responses

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