Return to previous page

How to add section above the menu as seen on demo

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

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!

#350021 Copied Theme version: 9.0.5

20 Answers

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

#350078 Copied

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!

#350442 Copied

PR

Participant

March 19, 2023 at 06:29

I am using this demo; https://xstore.8theme.com/elementor2/industrial-power-tools/

#350444 Copied

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

#350463 Copied

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!

#350529 Copied

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

#350546 Copied

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 🙂

#350776 Copied

PR

Participant

March 22, 2023 at 02:39

Just one last question,

Can we make that section appear on mobile phones?

#350777 Copied

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

#350781 Copied

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

#350823 Copied

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.

#350906 Copied

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!

#350917 Copied
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
#350958 Copied
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

#350994 Copied

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

#350997 Copied

PR

Participant

March 23, 2023 at 20:40

Hello Rose,

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

Thank you!

#351040 Copied

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.

#351048 Copied

Rose Tyler

Support staff

March 24, 2023 at 09:36

Hello, PR,

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#351097 Copied

PR

Participant

March 25, 2023 at 00:45

Thanks Rose!

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

#351157 Copied

Tony Rodriguez

Support staff

March 25, 2023 at 05:25

Hello, @PR ,

Thank you for your kind words! It’s always great to hear that we were able to provide helpful assistance. If you have any other questions or concerns, don’t hesitate to let us know. We are always here to help to the best of our abilities.

Have a great day!

This topic is closed now.

Best Regards,
8Theme’s Team

#351163 Copied
Tagged: demo, menu, section, templates, woocommerce, wordpress
Viewing 21 results - 1 through 21 (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

How to add section above the menu as seen on demo

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection