Canvas Support

Scrollable Shopping Basket Drop Down menu

2 replies · opened Apr 7, 2020

RRos777Apr 7, 2020

Hello again team Canvas

We have 2 small issues with a live website.

  1. When someone adds a lot of items to the shopping basket, there is no way one can scroll down on the shopping basket to click on the CHECKOUT button. See attached screenshot. How can we make the drop-down menu scrollable?

  2. Also, how can I retain the shopping basket icon in the menu when on mobile view?

I look forward to your response.
Thanks
Ros

SSemicolon WebSTAFFApr 8, 2020

Hello,

  1. Absolutely! This is Possible! Simply use the following CSS code:

.top-cart-items {
	max-height: 250px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
  1. Please find and delete the following code inside the css/responsive.css File inside the @media (max-width: 575.98px) Media Query:

#top-cart { display: none; }

#top-search a { right: 40px; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RRos777Apr 10, 2020

Thank you team. I will give this a test and revert back if there are any issues. :-)

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard