I would like to position the social media icons just below the last footer column, so the social media icons will not be located in the center.
Below the screenshot of current design and requested design.
Site URL is https://porsche-rj-8273.myshopify.com/
Below is the screenshot of the requested design:
To position the social media icons just below the last footer column in your Shopify theme, you can follow these steps:
From your Shopify admin, go to Online Store > Themes.
Find the theme you’re currently using and click on the “Actions” button.
Select “Edit code” from the dropdown menu to access the theme’s code editor.
In the code editor, navigate to the sections directory and locate the footer.liquid file.
Open the footer.liquid file and find the code responsible for rendering the social media icons.
Depending on the structure of your theme’s footer, you may need to adjust the HTML and CSS to achieve the desired positioning. Here’s a general approach you can try:
a. Locate the code block that generates the social media icons, which might look similar to this:
b. Modify the HTML structure to position the social media icons below the last footer column. You can use a wrapping div to create a separate row for the social media icons. For example:
Open the CSS file and add custom CSS to position the social media icons below the last footer column. You can use CSS properties like position: absolute and bottom: 0 to achieve this. Here’s an example:
.footer-social-icons-row {
position: absolute;
bottom: 0;
width: 100%;
}
Thank you for your reply.
Please let me know in which CSS file the code must be added, as you mentioned.
Added CSS code.
But couldnt find out the code responsible for rendering the social media icons infooter.liquid