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, 6 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – 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.