Taste Theme: Align Multirow Element to Center of Page

Store Design
, ,
1

Hello!

I have used a multirow element on my website to show a menu. It was initially full width elemnet, but I made it slightly narrower as I preffered the overall look. The issue is the element now isn’t aligned and looks off center on a desktop device. Here is a link to the page:

https://batchedcookies.co.uk/pages/cookie-menu

Is there a way to align the element? Also, is it possible to make the image boxes slightly smaller on a mobile device as they are currently taking up a lot of the page?

Many thanks,

Liam

2

Hey @liambeauchamp

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

Moeed_0-1713199102542.png
Moeed_0-1713199102542.png1901×941 188 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hey @liambeauchamp ,

In the same code you added the 120rem, add another line for auto margin

margin: auto

ThePrimeWeb_0-1713199130533.png
ThePrimeWeb_0-1713199130533.png295×129 4.11 KB

The whole code is

#shopify-section-template--19628476072204__multirow_WcAnL4 .multirow {
    max-width: 120rem;
    margin: auto;
}
4

Thank you! That worked perfectly :slightly_smiling_face: