Margin Section "Logo List" theme Enterprise

[Evaelle]

Hi!

I use the Enterprise theme for my online store.

On my homepage I used a "Logo List" section where I put 3 Icon with text. On computers everything is fine the 3 elements are well centered but regarding the phone, I do not like the layout of the logos. I would like to put the third, which goes below left, in the middle so that it is more coherent visually. Without it changing the aspect on the computer that suits me.

If you have the solution, I’d be happy to hear it. I think it’s a margin issue.

Thank you in advance!

[theycallmemakka · Accepted solution]

Hi @Evaelle ,,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

<style>
@media only screen and (max-width: 907px) {
#section-template--21185269662037__97e28fdf-458d-40d6-8511-9c7b119c3efb ul.logo-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#section-template--21185269662037__97e28fdf-458d-40d6-8511-9c7b119c3efb ul.logo-list li {
    width: 48%;
}
}
</style>

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Evaelle]

Thank You !