chrome narrow scroll bar

Highlighted
Tourist
11 0 0

Hey all,

 

Im facing an issue specificly with chrome where the scroll bar is super narrow. to the point that you have to click 4-5 times before you actually are able to click it. This is only the case for chrome and not other browsers. Is there any way to fix this?


Alternatively would it be possible to adjust this code to just show the full list of items instead of the scrol bar?

sidebar.png

Kind Regards,

Monica

 

{% comment %}ly_global_begin{% endcomment %}{% include 'ly-global' %}{% comment %}ly_global_end{% endcomment %}
{%- if section.blocks.size > 0 -%}
<div class="product-sidebar col-md-3 col-xs-12">
  {%- for block in section.blocks limit: section.blocks.size -%}
  <div class="sidebar-block-wrap{{ " " }}{{ block.type }}{{ " " }}{%- if block.settings.visible_on_mobile == false -%}{{" hidden-xs"}}{%- endif-%}" {{ block.shopify_attributes }}>
    {%- case block.type -%}
    {%- when 'collection' -%}
    {%- assign b_collection = collections[block.settings.collection] -%}
    {%- if b_collection.all_products_count > 0 -%}
    {%- if block.settings.heading != blank -%}
      <div class="title-block">{{ block.settings.heading }}</div>
    {%- endif -%}
    <div class="sidebar-slide">
      {%- assign per_view = block.settings.per_view | plus: 0 -%}
      {%- if per_view == 0 -%}
      {%- assign per_view = 1 -%}
      {%- endif -%}
      <ul class="sidebar-slide-content sidebar-slick-vertical-{{ section.id }}" data-per_view="{{ per_view }}">
        {%- for my_product_mini in b_collection.products -%}
        <li>
          {%- include 'product-item-mini' -%}
        </li>
        {%- endfor -%}
      </ul>
    </div>
    {%- endif -%}
    {%- when 'product-block' %}
      {%- if settings.sb_product_html_heading != '' -%}
      <div class="title-block">{{ block.settings.heading }}</div>
      <div class="strip-line"></div>
      {%- endif -%}
      <div class="block-content">
        {{ block.settings.html }}
      </div>
    {%- when 'banners' %}
      <div class="clearfix">
        <a href="{{settings.sb_product_banner_link}}"><img src="{{ block.settings.image | img_url: "master" }}"></a>
      </div>
    {%- else -%}
    {%- endcase -%}
  </div>
  {%- endfor -%}
</div>
{%- endif -%}
0 Likes
Highlighted

Hello @Moars,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
11 0 0
Hi!

The website is www.korean-skincare.nl

Kind regards
Monica
0 Likes
Highlighted

@Moars,

If you want to remove scrollbar

then

1. Go to Online Store->Theme->Edit code
2. Asset->custom.scss->paste bellow code in bottom of file

body.templateCollection.collection-template-promo #sidebar .mfilter-box .fields, body.templateSearch.collection-template-promo #sidebar .mfilter-box .fields {
	max-height: 100% !important;
}

 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
11 0 0

Hey OSC professional,

 

Thank you so much for your help! it really workes and looks soooo much better.Im just facing one more problem.

The filter does not allow for multiple selections anymore. When selecting something it collapses.

 

Multiple selection is enabled in the theme and was working without the code.

 

Is there any way around this?

 

Kind Regards,

Monica

0 Likes