Multirow Images Not Centering On Desktop View

Store Design
, , ,
1

I am having trouble centering the images on this page for desktop view: https://ezdbsdesigns.com/pages/technical-information-blogs

store password is: beonte

I am using two multirow’s, one for each image. the buttons have been deleted, and the images are instead clickable to take you to the information within them. It looks fine on mobile, but on desktop they are shifted to the left. Clicking center for desktop in the shopify editor does not work. Shopify reached back out and said it would take some coding to get it fixed and that I should come here and ask for help.

First time poster so forgive me if I left out any crucial info, I am happy to provide more if needed. Thank you!

1 Like
2

Hi @EZDBsDesigns

Welcome to the community! Just to clarify, which multi-row are you referring to?

3

It is the two on the Technical Information Blogs page. There is one titled “Pulling your own measurements”, and another titled “EZ DB’s Installation guide”

4

Thanks for the info, try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 750px){
.image-with-text__media-item {
    margin: auto;
}

.image-with-text__grid.grid {
    flex-direction: column;
}

.image-with-text__content.image-with-text__content--middle {
    display: none;
}
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

You are a gentleman and a scholar. Thank you so much for such fast and easy help!! That fixed it!

1 Like