Adapting website for mobile version - Venture Theme

Solved
Narquila
Excursionist
13 0 5

Hello again. My website doesn't look good on mobile version. It looks so squeezed and seen half. How can I give it a larger look ? Thank you..

 

1.jpg2.jpg

KetanKumar
Shopify Partner
22296 2267 8341

@Narquila 

like this?

KetanKumar_0-1624181492351.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1880 489 1170

hello @Narquila 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 468px){
#shopify-section-1611420776694b6b0a .grid  .grid__item{
    width: 100% !important ; 
}}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
Narquila
Excursionist
13 0 5

Yes like that.

0 Likes
Narquila
Excursionist
13 0 5

Hello. I don't have assets/theme.css but I have assets/theme.scss.liquid. I copy/paste but didn't change anything. 

KetanKumar
Shopify Partner
22296 2267 8341

This is an accepted solution.

@Natztech 

thank for confirm please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-slideshow .hero {height: 220px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
1880 489 1170

hello @Narquila 

please   insert this file assets/theme.scss.liquid.

 

<style>

@media only screen and (max-width: 468px){
#shopify-section-1611420776694b6b0a .grid  .grid__item{
    width: 100% !important ; 
}}
</style>

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes