How to add a scroll option to the menu on mobile version?

Solved

How to add a scroll option to the menu on mobile version?

abailea077
Excursionist
44 0 16

Hi guys!

 

Here is the problem:

With some cell phones when they go to the dropdown menu, they can not see everything like the social media.

It depends of the cell phone.

 

So I was wondering if we can add a code so the people can scroll down with the fingers on cell phone?

 

You can see the picture of what some people see, they can not scroll down.

 

Thank you!

 

URL:
https://toroeatstreats.com/

 

Question 15.jpg

 

 

 

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
1973 566 666

This is an accepted solution.

- Here is the solution for you @abailea077 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
@media screen and (max-height: 570px) {
.drawer-menu__main {
    height: 300px !important;
    overflow-y: scroll !important;
}
}
</style>

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

View solution in original post

Replies 3 (3)

BSS-TekLabs
Shopify Partner
1973 566 666

This is an accepted solution.

- Here is the solution for you @abailea077 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

<style>
@media screen and (max-height: 570px) {
.drawer-menu__main {
    height: 300px !important;
    overflow-y: scroll !important;
}
}
</style>

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

abailea077
Excursionist
44 0 16

This is wonderfull! Thank you!

BSS-TekLabs
Shopify Partner
1973 566 666

Glad to help you. Have a good day @abailea077 .

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell