Shopify themes, liquid, logos, and UX
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
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.
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:
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
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025