How can I adjust the footer menu columns and social media icons on my website?

Technical Q&A
1

Hi! I’m trying to figure out how to do a few more things in my footer.

For the columns, how do you narrow the footer menu columns closer together. Currently:

2b.JPG
2b.JPG1541×652 53.4 KB

To this:

1b.JPG
1b.JPG1304×708 56.7 KB

Also, how do you align the social media icons so the icons and texts are aligned in the middle? Currently:

1a.JPG
1a.JPG221×335 6.75 KB

To this:

2a.jpg
2a.jpg206×326 5.19 KB

Lastly, is there a way to make text font size of the copyright bigger?

3.JPG
3.JPG270×123 1.29 KB

The website is https://thirstyrhino.myshopify.com/

and password is skeipe

Thank you in advance!

2

@thirstyrhino try this css in base.css

@media screen and (min-width: 750px) {

.footer__content-top.page-width {
max-width: 1030px;
width: 90%;
}

}

.footer-block__details-content .list-menu__item–link {
padding-bottom: 0 !important;
}

1 Like
3

Hi @thirstyrhino ,

Go to Assets > base.css and paste this at the bottom of the file:

/* width content */
footer .page-width{
	max-width: 1140px !important;
}
/* icon */
footer .list-menu__item{
	display: flex !important;
    align-items: center;
}
footer .list-menu__item svg{
	margin-right: 5px;
}

Hope it helps!

1 Like