Removing scrolling

Removing scrolling

projectthirteen
Excursionist
38 0 4

Can anyone tell me how to disable scrolling on my homepage only?

 

Heres a link to a store that has this in place: https://www.aimeleondore.com

 

Any help is really appreciated, thanks.

 

My URL: https://project-thirteen.com.au

Replies 6 (6)

Unique_Horlart
Excursionist
31 3 7

Hi @projectthirteen,

 

Check the exact pixel for the image that fits for Shopify banner for the Shopify Theme you are using or change the Image to medium size. 

If helpful then please Like and Accept the Solution.
Want to modify or custom changes to the store Message me on WhatsApp https://zeep.ly/OvTxI | Email unique.horlart@aol.com

BSSCommerce-TC
Shopify Partner
215 46 49

Hi @projectthirteen ,

 

You can follow these step

 

Step 1: Navigate to Online store > Themes > Edit code 

Step 2: Insert code below at the end theme.liquid and Save. 

 

 <style>
    @media screen and (min-width: 750px) {
      #Banner-template--17116663906554__image_banner_zT8dWf::before,
      #Banner-template--17116663906554__image_banner_zT8dWf .banner__media::before {
        padding-bottom: 100vh;
        content: '';
        display: block;
      }
    }
</style>
      

 

 

Then go back to the storefront and check again. Let us know if it works by liking or giving us a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
projectthirteen
Excursionist
38 0 4

Hey @BSSCommerce-TC, unfortunately this didnt work for me.

BSSCommerce-TC
Shopify Partner
215 46 49

Hi @projectthirteen ,

Let try insert at the end the base.css file

 

 

@media screen and (min-width: 750px) {
      #Banner-template--17116663906554__image_banner_zT8dWf::before,
      #Banner-template--17116663906554__image_banner_zT8dWf .banner__media::before {
        padding-bottom: 100vh !important;
      }
}   

 

 

It would be like that

BSSCommerceTC_0-1720343849557.png

 

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

tim
Shopify Partner
3643 317 1344

You should not edit your theme code for things like this -- it will make future theme updates difficult.

In the Custom CSS setting of your homepage Banner section enter this:

 

.banner__media:first-child {
  height: 100vh;
}

 

 

Note that depending on the browser width your image may be cropped -- this is the same behaviour as your example site.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
tim
Shopify Partner
3643 317 1344

Also, your code for the time shows local time of your visitors, not the Melbourne time. Just in case.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com