Hello, I need help to adjust my footer menu; 1st) I want to put payment icons to the right sight of the menu, and powered by Shopify text and icons should have a ratio between them. It is not good if one of them is directly next to the side of the page and the other one has a dsitance from the oth…

Hi @berkeyazer Would you mind to share your store URL? Thanks!

Hi @Made4uo-Ribe I sent the message on private, thank you a lot.

Thanks for the info, Do you mean like this? [Made4uoRibe_0-1715100895377.png] From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or …

Hi, actually no, loaciton of payment icons and powered by text is okay, however that bold lines should be oppositliy thin. Above line should look like the one at the bottom, not the opposite way.

Please, try to paste the code in your base.css and see yourself the result. Im not sure what you mean by opposite because I clearly copied the custom border you add and even copied the same color. [Made4uoRibe_0-1715105317173.png] Please don’t forget to Like and Mark Solution to the post that hel…

@Made4uo-Ribe I apologize if I could not define well, actually I dont want to have that custom border at the bottom of footer. I want the default line at the bottom of the footer which is between payment icons and email box, at the top of the footer too. I mean the above border of the footer but in …

Hi @Made4uo-Ribe , yes I added an image, yes please lets add it, because image is only on the main page, rest of them doesnt have anything between footer menu and other things above of it. It looks like they are all together, but we just want to seperate it with the default thin line of sections …

it is okay like this? [Made4uoRibe_0-1715185948950.png] I add same below. Same Instruction. .footer:not(.color-scheme-1) { border-top: solid .1rem rgba(var(--color-foreground), .08); margin-top: 10px; } And Save. Please don’t forget to Like and Mark Solution to the post that helped you…

I tried but it didnt appear in any pages, and there is no need to add a space between that image and the line, they can be touching to each other on main page and then it will be visible on other pages as usual. [berkeyazer_0-1715187362893.png]

Remove the code then, and change on this one. .footer__content-top.page-width { border-top: solid .1rem rgba(var(--color-foreground), .08); padding-top: 28px; } .section-sections--21170297995597__footer-padding { padding-top: 0px; } And save. Please don’t forget to Like and Mark Solu…

Draft Theme - Footer Menu Adjustment

Store Design

Made4uo-Ribe May 7, 2024, 8:39pm 10

Oh, okay. So confusing. I check your store again you add image banner. You still want to add border on the top. If we add it would not be visible.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

Topic		Replies	Views
DAWN THEME collapsible footer menu in-between lines Store Design design , customizations	9	2995	February 20, 2025
Collapsible footer menu in-between lines ( Dawn Theme ) Store Design menu , liquid , design , customizations , footer , landing-page , css , shopify-themes , html	10	76	March 7, 2025
Payment Icons In Footer In Line With Copyright Text - Dawn theme Store Design design , customizations , footer , css , shopify-themes , html	13	239	November 27, 2023
Debut theme footer menu same line as payment icons and copyright text Store Design	3	44	September 8, 2021
Edit bottom of footer to change menu and spacing Store Design design	8	78	August 13, 2024

Draft Theme - Footer Menu Adjustment

Related topics