How to make section smaller

Reemtt
Visitor
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. 
url: desynz.com.au

Replies 2 (2)

PageFly-Richard
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' %}
<style>
.page-width {
max-width: 120rem !important;
}
</style>
{% 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.

BSS-Commerce
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;
}

Result:

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