Making 'Mobile' site look the same as the 'Desktop' site

Solved
WrittenbyAni
Tourist
4 0 1

Hi there!

 

I'm currently making a website & have made clickable links to different categories on the homepage by using 1 gallery picture multiple times underneath one another.

 

It looks great on the desktop site however when I go to the mobile view it the gallery picture does not show in full & it looks awful.

 

Is there a way to make the mobile home page look the same as the desktop homepage? The rest of the pages are fine on the mobile view, it's just the homepage where I am experiencing problems.

 

Any help is much appreciated!

Thanks,

Ani

KetanKumar
Shopify Partner
20594 2133 7796

Hello, @WrittenbyAni 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

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
WrittenbyAni
Tourist
4 0 1

Hi, 

 

The website is www.writtenbyani.com

 

Thanks,

Ani

0 Likes
KetanKumar
Shopify Partner
20594 2133 7796

@WrittenbyAni 

Thanks for it 

sorry site not work can you please check

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
WrittenbyAni
Tourist
4 0 1
Sorry about that.

www.writtenbyani.com

Hopefully that works!
0 Likes
KetanKumar
Shopify Partner
20594 2133 7796

This is an accepted solution.

@WrittenbyAni 

Thanks 

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

@media (max-width:749px) {
.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
    height: auto;
}
}
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
WrittenbyAni
Tourist
4 0 1

Amazing - it worked! Thanks so much for your help!

0 Likes
4everGoujie
New Member
2 0 1

Im having the same issue. My website is www.4evergoujie.com

KetanKumar
Shopify Partner
20594 2133 7796

@4everGoujie 

sorry for this issue can you 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) {
.hero--medium {
    height: 157px;
}
}

 

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
4everGoujie
New Member
2 0 1

didn't work

0 Likes