Footer Layout Images With Link

Technical Q&A
, ,
1

Hello,

2
21645×502 84.6 KB

Can you please tell me how I can align the 2 small images bellow the same way they are aligned in the screenshot?

Here you can find the shop: Ruka

I lost a lot of time trying a lot of things, but I can t manage to set it up the way that I want, but unfortunately nothing seems to work. I also could not find a function in Shopify that I can use to automatically do this.

I would really appreciate your help,
Thank you

2

1
11871×634 51.1 KB

4

Hello @Cherry1,

Sry for texting you by sending you a screenshot, but because I am a new user Shopify would not let me to send that code, I think because I can only send one link per post.

Thank you! :slight_smile:

cap
cap811×1039 24.2 KB

5

Hey @fmalin

I can suggest you a temporary way to do that by CSS and remember this code is not a professional way to do. If you’d like it professionally done, then share your collaborator request code in my private messages but for now.

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 </ body> tag
<style>
@media screen and (min-width: 768px) {
footer.footer.color-scheme-2.gradient.section-sections--21423309193483__footer-padding {
    display: flex !important;
}
.footer__content-top.page-width {
    max-width: 100% !important;
    width: 100% !important;
}
.footer__content-bottom {
    margin-left: -18% !important;
}
.footer__copyright.caption {
    display: none;
}
}
</style>

RESULT:

image
image1895×403 48.6 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

8

Hello @Moeed,

Thank you so much for this!

Do you think if there is a setting that I can play with so the thumbnails could be a little bit to the left? I am asking this because at my end is fully on the right side with almost no space.

I understand that this is a workaround and it can’t be perfectly symmetric though!

22
222541×864 112 KB

Best regards

9

Hello @Cherry1,

This is the link from the store: Ruka

Best regards

10

I can see in the code you added margin-left: 18% but you’re supposed to add “-18%” so just fix that and it should be good to go.

image
image1906×423 63.4 KB

Best,
Moeed

11

Hello @Moeed,

I am sry for that, I played with that setting and I forgot to put -18.
I changed it now and it the same as before, I also tried to clear cache data and refresh, but no changes.

Best regards