How to make section smaller

1 0 0

Hi Guys

I am struggling with making the sections on my home page smaller, specially the first section with the image of logo and some small descriptions on the side and the collage section below it, need to make it small to fit the laptop screen when scrolling. 

Replies 2 (2)

Shopify Partner
4050 903 1556


Hi @Reemtt 


This is Richard from PageFly - Shopify Page Builder App


Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>


{% if template contains 'index' %}
.page-width {
max-width: 120rem !important;
{% endif %}


Hope this can help you solve the issue 


Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Expert
3376 447 495

Hi @Reemtt ,

Insert this css snippet into your css file:

.header__heading-logo-wrapper {
    width: 115px !important;
    height: 35px;

.header__heading-logo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;


view - 2024-01-11T091935.050.png 

Hope it helps @Reemtt !

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

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development