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; } }
Hello, @WrittenbyAni
Thanks for post.
Please share your site URL,
So I will check and provide a solution here.
Thanks for it
sorry site not work can you please check
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; } }
Amazing - it worked! Thanks so much for your help!
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;
}
}
didn't work
sorry for this can you please provide a screenshot?
Hello I am so new to this. I would like to be able to make my mobile site look more like my desktop site as well but I do not know how!
my website is anewthingdesigns.com
sorry for that any issue
can you please share issue image so i will give your proper code
here is the image of my mobile vs desktop. I would like my mobile to be spread out like my desktop site.
Hi!! I am having the same problem as well. I assume i cannot use the same code as the other person? My website is forevermyloves.com
sorry for that issue
can you please share issue images
like this
Thanks for your replies!
So specifically where should I edit to have a PC site format in my mobile site?
https://www.mojoin.com/show-shopify-banner-image/
Hi Dear Ketan Kumar,
I‘m having the same issue. We have now a theme online and published but work on a new one which is not published so i cannot just share the link to change because it would change in the wrong theme.
Can you please help me to let the theme look like the desktop version? should i give you permission as staff?
Regards
Alex
sorry for this issue if possible to share store preview link so i will check and update
Yes sure
NOTE: The theme must have the name "Copy of DRECOMMERCE FIVERR"
PLEASE DO NOT CHANGE ANYTHING IF THE THEME HASN´T THIS NAME
PREVIEW LINK OF Copy of DRECOMMERCE FIVERR:
https://foxyskin.me/?_ab=0&_fd=0&_sc=1
Thank you very much
thanks
sorry i can't see any issue can you show me issue
the issue is that i would like the mobile version to look like the desktop version
can you please add attachment mobile banner issue images?
You see in the pictures how the Desktop versions looks and how terrible the mobile version looks
i want it to look like the desktop version on mobiles
if you have set the same desktop view it's was doesn't good UX
also, to much smaller content if you have set this look
do you need this view? many changes of backfile and customization
I would need a much better mobile version because this one is automatic designed from the desktop version and it doesnt look good
sorry, i can't see your attachment your current URL can you please send as per the attachment's store URL?
Hey I’m having the same issue my desktop version looks nothing like my mobile version. I would like them to look alike at least In some way.
Thank you!
Hi i have the same problem with my website, the link is https://thalassamovement.com/ . can you please advise with this?
many thanks!!
sorry for that issue can you please show me images?
Please find attached images of how it looks like in desktop and then how the images look in the mobile.
DESKTOP
DESKTOP :
MOBILE
images get super cropped when seeing them in a the mobile version. there's a way to make them look exactly same as desktop or at leat not as cropped?
Please advise, will be much appreciated.
thanks!
thanks for update
i have check your theme allow desktop and mobile separate image upload option can you please do this
Hi kentan the message you just send me says : " can you please do this" but nothing followed. Can you please specify what I need to do?? I would really appreciated!
Many thanks!!
HI @KetanKumar
Would you be able to help me with this also ?
Really just wanting the Home page on our mobile site to reflect what we have on our desktop version .
Thanks
try this
https://www.mojoin.com/show-shopify-banner-image/
@KetanKumar I tried it but doesn't work for the Dawn Theme. Do u have any other ideas?
yes please issue image
can you please upload different image mobile and desktop
@KetanKumar what do u mean with different image? Different I can only upload one banner and it is the same on mobile and desktop.
But the mobile Banner is cut on the sides.
Thanks already for your support.
thanks for update
it can be done custom code change backend
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024