Dawn - Move Footer email signup and remove space

Store Design
1

Hello guys i would like to move the email signup to the right side of the links menus, and also remove some the of the space between those links menus and also from the email signup since it will be added there. (they are too far apart)

Dabou_0-1707214890140.png
Dabou_0-1707214890140.png3056×982 114 KB

Website: Dazzilia.com

Thank you.

2

I think there’s a bit of confusion in the theme section? In the area where I sent you the picture below, the 4th Element is visible. You probably deleted the contents somewhere in the footer but the main part remained. If you manage to delete that, I can say the following codes will be useful for you. Some codes will work only on desktop, while others will work on the mobile version

fault.png
fault.png1354×545 56.7 KB

Add these between the tags. Or simply add the contents of the section to your CSS and clear the caches. I’ve tested it on Google Chrome and it worked seamlessly. I recommend checking for any conflicts with other areas after testing.

@media (min-width: 991.98px){ .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in > .footer-block.grid__item { max-width: 297px!important; } .footer-block--newsletter { display: inline-flex; } .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in { flex: 1 0 auto; } .footer__content-top.page-width { max-width: 1200px!important; } .footer__content-top.page-width { display: flex; align-items: baseline; } } @media (max-width: 991.98px){ .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in { text-align: center; } a.link.link--text.list-menu__item.list-menu__item--link { justify-content: center; } }

Terence Keane

Best Regards,

3

@TerenceKEANE Thanks, but in which file should i add the code ?

4

This link will help you in the CSS section.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

The only thing you need to be careful about is adding code within the tag.

Also, it seems like you’re in luck today. You can automatically remove the 4th element with the JavaScript code I wrote below. If you pay a little attention, there should be no issue with its functionality. If you can’t manage, you can always ask again!

https://www.convertout.com/blog/how-to-add-javascript-to-an-individual-shopify-page-step-by-step

5

Thank you, it worked.

6

I’m really glad to hear that. I never submit the codes without testing them on Google Chrome. However, some themes or developers can be quite problematic when it comes to adding code. Of course, that’s another story. If there’s any issue, feel free to message me. I check in here whenever I have time between e-commerce and software coding.

Terence Keane

Best Regards,