Website looking horrible on mobile version

Store Design
1

Is it possible to keep the way the website looks on desktop but change the mobile version? At the moment I’m happy with how the desktop version looks but the mobile version is horrible. Link to website it https://parkkaffeengjovik.no/ and I’ve used the horizon theme.

This is what I would like to fix:

  1. On the front page I would like all images and text to come in the same order, currently it looks very jumbled on mobile version.
  2. The contact section looks very narrow, is there a way to make it broader on mobile version?
  3. Menu photo is tiny on mobile version for some reason.
  4. The footer with address, contact details and opening times looks a bit weird on mobile version as well, I would like to centre the text and create some space between the text and the contact button.

Is it possible to do this on mobile version without changing anything on desktop? Thank you in advance

2 Likes
2

@pnd195 please add this css to the very end of your base.css file and check

shopify admin->online store->themes->edit theme code->assets->base.css

.shopify-section-group-footer-group .custom-section-content .button-secondary{margin-top: 20px;}

image
image1366×768 104 KB