Hello, I am trying to move my social media icons in the footer of my website to be the bottom right of the footer. How can I do that?
In the picture, it shows where it currently is, and circled is where I would like it to be.
Topic summary
A user seeks to reposition social media icons in their Dawn theme footer from the current location to the bottom right corner.
Proposed Solutions:
- One response requests the store URL and password (if applicable) to provide specific guidance
- GemPages support team offers a solution involving editing theme code files and adding custom markup before the
</head>tag - Another user provides CSS code to be added to the
base.cssfile:
.footer__list-social.list-social:only-child {
justify-content: right !important;
}
Follow-up:
The CSS solution reportedly worked successfully. A subsequent question asks how to further adjust the layout by moving social icons under the footer heading and shifting the heading to the right.
The discussion remains active with users seeking additional customization guidance for footer layout positioning.
Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.
Hello @SimonSmith ,
It’s GemPages support team and glad to support you today.
I would like to give you the recommendation to support you so kindly follow the steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
1 Like
@SimonSmith
Put below css into base.css file at the top of the file(Online store->themes->Edit code->assets->base.css)
.footer__list-social.list-social:only-child {
justify-content: right !important;
}
