Return to previous page

Change the appearance of the scroll bar on the static block?

This topic has 4 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Rose Tyler

  • Avatar: PR
    PR
    Participant
    June 29, 2023 at 23:59

    Hello,

    is there anyway to change the appearance of the scrolling bar on the mega menu static block?

    perhaps make it larger or wider?
    change colors?

    we have added the domain on the PCA.
    thanks for your help!

    #360750 Copied Theme version: 9.1.7
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 30, 2023 at 09:11

    Hello,

    Thank you for getting in touch with us.

    Please read – https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
    for example – https://prnt.sc/YnngthqFwMNY

    /* width */
.et_b_header-menu:not(.header-secondary-menu) li:hover>.nav-sublist-dropdown:not(.nav-sublist)::-webkit-scrollbar {
  width: 10px;
}
/* Track */
.et_b_header-menu:not(.header-secondary-menu) li:hover>.nav-sublist-dropdown:not(.nav-sublist)::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
.et_b_header-menu:not(.header-secondary-menu) li:hover>.nav-sublist-dropdown:not(.nav-sublist)::-webkit-scrollbar-thumb {
  background: red;
}

    Kind Regards,
    8theme team

    #360768 Copied
    Avatar: PR
    PR
    Participant
    June 30, 2023 at 21:58

    Thank you Rose,

    Will this edit the scroll bar for the mega menu static blocks correct?

    #360836 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 1, 2023 at 07:47

    Hello,

    Yes, the mentioned custom CSS code will affect the scroll bar for the mega menu static blocks.

    Kind Regards,
    8theme team

    #360874 Copied

  • Tagged: , , , , ,

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

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme

See All Templates

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