Return to previous page

Is it possible to add static blocks on the top most menu?

This topic has 8 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Rose Tyler

GTP

Participant

November 11, 2023 at 10:29

Hi 8theme team,

Is it possible to add a static block on the most upper menu?

For example; https://xstore.8theme.com/elementor/
Can we add a static block on the upper text “contact us”?

Also, can we add a scroll to this so we can make it as large as we want (to add more content)?

Thanks!

Please, contact administrator
for this information.

#373437 Copied Theme version: 9.2.2

7 Answers

Rose Tyler

Support staff

November 12, 2023 at 09:23

Hello,

Thank you for contacting us and for using XStore.

We can try to create an example on your site, please provide the URL and temporary wp-admin access.

Kind Regards,
8theme team

#373484 Copied

GTP

Participant

November 12, 2023 at 10:05

Hi Rose,

Thank you!

Details added on PCA.

Please contact administrator
for this information.

#373494 Copied

Rose Tyler

Support staff

November 12, 2023 at 16:33

Hello,

We appreciate your prompt response.

Private Content

Kind Regards,
8theme team

Please contact administrator
for this information.

#373536 Copied

GTP

Participant

November 13, 2023 at 09:04

Hi Rose,

Thank you so much.

This is a very useful feature which we need because we have tons of data we need to display and other themes don’t have this.

Just wondering on how we can se the dimensions for the static blocks (to make it larger etc.) and how we can add a scroll feature to it?

Appreciate your help 🙂

#373584 Copied
Rose Tyler

Support staff

November 13, 2023 at 13:24
Hello,

You’re welcome!

1/ The width can be changed here – https://prnt.sc/Jp-m5pTBMVuw

2/ Custom CSS code:
```
.item-design-mega-menu .nav-sublist-dropdown>.container {
    overflow-y: scroll;
    height: 200px;
}
```
Kind Regards,
8theme team
#373612 Copied
GTP

Participant

November 14, 2023 at 03:50

Hi Rose,

Thanks!

Just one more thing;

1) can you provide the code for editing the size of the scroll? make it thicker so its visible
2) code so we can edit the color of the scroll?

#373664 Copied
Rose Tyler

Support staff

November 14, 2023 at 08:27
Hello,

Thank you for choosing XStore as your WooCommerce WordPress theme.

Please change the previous code to:
```
.header-main .item-design-mega-menu .nav-sublist-dropdown>.container {
    overflow-y: scroll;
    height: 200px;
}
/* scroll width */
.header-main .item-design-mega-menu .nav-sublist-dropdown>.container::-webkit-scrollbar {
  width: 20px;
}
/* scroll track */
.header-main .item-design-mega-menu .nav-sublist-dropdown>.container ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
/* scroll handle */
.header-main .item-design-mega-menu .nav-sublist-dropdown>.container::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 10px;
}
```
Read more – https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

Kind Regards,
8theme team
#373681 Copied
Tagged: adding blocks woocommerce menu, customize woocommerce top menu, static blocks in menu, top menu customization, woocommerce static blocks, wordpress menu blocks, wordpress woocommerce templates
Viewing 8 results - 1 through 8 (of 8 total)