[Resolved] Social Icon Alignment in Footer (Mobile vs. Desktop)

[Dylan]

Hi there,

I’d like the mobile alignment of the social icons to be left-aligned on desktop and center-aligned on mobile. Your help would be greatly appreciated. Right now they are both center-aligned.

Thank you!

[Dylan]

And if it’s not too much to ask: On mobile, I’m noticing the ‘organizing services’ button under the h1 at the top of the page (where the hero image is / not the header menu) is nearly touching the h1. In other words, the button and h1 are super tight on mobile. Can you confirm that you’re seeing this on your end? If so, can you please provide a solution?

[Elvin]

Hi Dylan,

I’d like the mobile alignment of the social icons to be left-aligned on desktop and center-aligned on mobile. Your help would be greatly appreciated. Right now they are both center-aligned.

Try adding this CSS:

@media (min-width:769px){
aside#lsi_widget-1 ul.lsi-social-icons {
    text-align: left !important;
}
}

@media (max-width:768px){
aside#lsi_widget-1 ul.lsi-social-icons {
    text-align: center !important;
}
}

And if it’s not too much to ask: On mobile, I’m noticing the ‘organizing services’ button under the h1 at the top of the page (where the hero image is / not the header menu) is nearly touching the h1. In other words, the button and h1 are super tight on mobile. Can you confirm that you’re seeing this on your end? If so, can you please provide a solution?

Here’s what I see on my end – https://share.getcloudapp.com/xQu6EDAW

Is it too close for your preference? If yes, consider adding margin-bottom value to the Headline block containing “Professional Organizing”.

[Dylan]

Hi Elvin, thank you so much! Fixed the social icon spacing issue. I added a margin-bottom value to that block, but I must be seeing a cached version because it looks fine in your screenshot. Thanks again

[Elvin]

No problem. Glad to be of any help. 😀

[Author]

Posts