Home Forums WoodMart – Premium Template Scroll Bar Within The Categories Menu

This topic contains 15 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 20 hours, 51 minutes ago.

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #196475

    Hello,

    I would like to know if it is possible to put a scrollbar in my “Browse Categories” Menu as I have quite a bunch of categories that can’t go into 2nd or 3rd tier menu slots so they all have to be first tier.

    The menu ends up being too long for the screen size.

    Thank you!

    #196519

    Hello,

    Please provide your site URL so that we could provide you with custom CSS. If your site is under maintenance, please provide your site admin access in the private area

    Best Regards

    #196590

    Awesome I have added in the link to the website, please note that this only happens on smaller screens like the laptop screens. For Desktop it is fine for now, however as more products become available it will probably also end up becoming too long for the desktop screens as well

    Private Content Hidden
    #196713

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .vertical-navigation .menu-item-design-full-width .sub-menu-dropdown{
    max-height:100px!important;
    overflow-y:auto;
    }
     body .vertical-navigation .menu-item-design-full-width .sub-menu-dropdown::-webkit-scrollbar {
    		width: 3px;
    }
    		
    body .vertical-navigation .menu-item-design-full-width .sub-menu-dropdown::-webkit-scrollbar-track {
    	background-color: rgba(0,0,0,.15);
    }
    		
    body .vertical-navigation .menu-item-design-full-width .sub-menu-dropdown::-webkit-scrollbar-thumb {
    		background-color: rgba(0,0,0,.25);
    }
    		
    body .vertical-navigation .menu-item-design-full-width .sub-menu-dropdown::-webkit-scrollbar-thumb {
    		background-color: rgba(0,0,0,.25);
    }

    Best Regards

    #196719

    Hi there, please see attached screenshots. I added the code above but it didn’t change anything in terms of how it works on my laptop.

    Attachments:
    You must be logged in to view attached files.
    #196723

    i see my file didn’t upload for my laptop screen, so im adding it here

    Attachments:
    You must be logged in to view attached files.
    #196726

    Also added my desktop screen to show you that there are more items in the menu

    Attachments:
    You must be logged in to view attached files.
    #196757

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    #196975

    Hi there, so i have sync’d my staging website to the production website.

    So if you can please log into the staging website and see what you can do there. And then please to let me know how to replicate it on the production site. As I won’t be syncing back from staging to prod as I have to keep prod running in order for my customers to keep using it.

    Private Content Hidden
    #197241

    Hello,

    You can export the Theme Settings and import on your production file. Then copy all from custom CSS in the Theme Settings and paste in the same place on your production.
    In addition, check the Appearance > Widgets and configure all in the same way or copy code to widgets.

    Best Regards

    #197654

    Good Day, please note that the issue still remains on my laptop on the stagin site. I am looking to scroll up and down on the main menu and not just the submenu (i do still want to keep the scroll affect on submenu), please see screenshot indicating what is going on.

    Attachments:
    You must be logged in to view attached files.
    #197724

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .menu-categories-container {
    height:300px;
    overflow-y:auto;
    overflow-x:hidden
    }
    body .menu-categories-container::-webkit-scrollbar {
    		width: 3px;
    }
    		
    body .menu-categories-container::-webkit-scrollbar-track {
    	background-color: rgba(0,0,0,.15);
    }
    		
    body .menu-categories-container::-webkit-scrollbar-thumb {
    		background-color: rgba(0,0,0,.25);
    }

    Best Regards

    #197729

    Still no affect

    #197756

    Hello,

    Please clean the cache, if no effect, provide your site admin access to the private area.

    Best Regards

    • This reply was modified 21 hours, 33 minutes ago by Elise Noromit Elise Noromit.
    #197757

    thank you, i did try that but no luck, please us same login details as above mentioned in private area

    #197765

    Hello,

    Please provide the site admin access to the private area

    Best Regards

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.