How can I resize sections on my homepage?

How can I resize sections on my homepage?

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
4874 1096 1775

 

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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

BSS-Commerce
Shopify Partner
3477 464 551

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, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


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


BSS Commerce - Full-service eCommerce Agency