Debut: aligning footer menu with social icons, reducing padding in footer and header on homepage

Highlighted
New Member
2 0 1

When in desktop view, I'd like to have our footer menu how it is currently (horizontally, listed out) centered, with the instagram icon (and possibly one more icon) aligned to the right. If it were in a three column table, the first column would be blank, second with the footer menu and third with social icons.

This is what it looks like currently:

footer currently.png

Here is a visual representation of what we'd like:

footer - want to look like.png

In mobile view, it'd be great to reduce the padding above and below the menu. Not sure why there is a blank row... maybe I messed with the css or footer file

Screen Shot 2020-08-20 at 5.55.31 PM.png

 

Similar issue to the header, but really only on the home page. There seems to be TOO much space between the logo, "SHOP" and the products. I cannot find the appropriate line of code to edit.

Screen Shot 2020-08-20 at 5.47.41 PM.png

If I could just reduce it to this:

Screen Shot 2020-08-20 at 5.47.41 PM copy.png

 

 

If you can help me with the footer code, at this point, I will probably be able to figure out the mobile header code myself

Screen Shot 2020-08-20 at 5.55.43 PM.png

(What a waste of space, right??)

1 Like
Highlighted
Astronaut
1087 180 213

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
7687 1058 2674

Hello, @eastwood 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 1

@diego_ezfy and @KetanKumar :

 

Our URL is eastwoodjewelry.com

 

Thank you!

0 Likes
Highlighted
Shopify Partner
7687 1058 2674

@eastwood 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

div#shopify-section-collection {
    padding-top: 0;
}
.site-footer h4, .site-footer .h4 {
display: none;
}
.site-footer {
margin-top: 0;
}
@media only screen and (max-width: 749px) {
.site-footer__linklist-item {
padding: 2px 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes