Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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; } }
It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like
I need your help my friend . My desktop version is fine but my mobile site is not the same I can’t edit one they both change .
thanks in advance
Do you know how I could move the shop all box out of my image? The web version is perfect but the mobile is off just by alittle.
Hi! I’m having similar issue but reversed. My mobile layout is perfect but I hate how it looks on desktop. My banner on the home page is way to large for desktop, could you assist in any way please
Hello
wonder if you can help me with making 'Mobile' Site Look The Same As The 'Desktop' Site.
here is my website: www.sistashood.com
and I don’t think to have theme.scss.liquid under Asset …only theme-editor.js
my theme is craft
thank you
thanks for store url but sorry its password protecct
Hi KetanKumar
I am also having issues with Mobile site doesn't look the same as the website. Can you kindly have a look at my site and advise what can I do to fix it?
I cant not find the file Asset->/theme.scss.liquid->
Please see desktop screenshots and also mob screenshoots. I would like to display the videos properly on Mob platform if possible. thank you
sorry for this
its your theme allow to syles.css
Hi. Could you please explain what do you mean by “its your theme allow to syles.css “
do you mean I enter below code in syles.css?
@media (max-width:749px) { .image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item { height: auto; }
same issue and some theme so please add above code
Hello please could you also help me I want my mobile website to look the same as my desktop version my link is
Hi I'm having the same problem. I am using the free theme Debut. The mobile site looks great but the desktop is out of proportion. My site is www.veronicalopez.us. Thank you in advance for the help.
@KetanKumar I am having the same issue, except that I'd like to have my desktop version look like my mobile version. Could you please help? www.nursedacy.com pwd: hadley
Hi @KetanKumar. Looking for me mobile site to look like me desktop site. Can you please provide me with the code?
krscomics.com
Thx!
Dear KentanRumar,
i have the same problem.
Can you please help me?
URL: inout-shop.de
Password: DavidTobi
sorry for that issue
can you please share issue images
Dear @KetanKumar
my URL is: inout-shop.de
and Password: DavidTobi
The Banner on my Homepage at Mobile view is cutting off. How can I fix it?
Thank you very much!
Struggling to have my mobile and web page look the same. www.mellowheights.com
How do I make them look the same?
can you please confirm this look fine?
Hi I have the exact same problem.
Desktop view is 100000% perfect.
Mobile view isn’t good at all!
Website:
Would you be able to guide me on how to make the website to desktop view only? It doesn’t even have to be the whole website, just the homepage will be fine. But either one would be great.
(In conclusion I wanted desktop view for both desktop and mobiles)
Would really appreciate it if you could help me out with this
Thank you
can you please share issue image?
Hi!
I am having problem with making my mobile site look exactly as the desktop site.
My pictures on the mobile site gets cropped.
Any help is much appreciated!
Thanks!
can you please share store url
thanks for url can you pleas confirm
Yes, this is my website
It is supposed to look like that on desktop. But I have problem having it look the same when browsing on phone
Hi! Yes this is my website!
can you please try this way code
Hey I am having the same problem, I really hate the drop down menu! I have 2 sites I can not figure out for the life of me how to get the mobile nav to look like the desktop.
here are my sites.
Hi there! I'm having the same issue. Tried the code provided but still not working. Please help me.
My website is www.mia-swim.com
i have tried the below code: adding this at the bottom of the Theme.scss.liquid (Tried at the bottom and under 'add any custom styles' neither work. Can you please help? On the mobile the collections show underneath one by one.. on my desktop there are three collections in one row.
}
@media (max-width:749px) {
.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
height: auto;
}
}
Hi there,
I've tried the below codes and none of them work for my website.
Can someone help me please?
oh sorry for that issue, can you please send issue images?
I have tried this:
https://www.mojoin.com/show-shopify-banner-image/
But it comes out as a different design.
yes, please try that
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024