How do I display footer menu links horizontally on Dawn theme?

Want to have the option to view my footer menu links horizontally on mobile.

For example:

HOME TERMS PRIVACY CONTACT

Having trouble changing it myself.

lscher.love

1 Like

@AvadaCommerce

@Denishamakwana

Like this on mobile.

I’m also looking to be able to adjust the footer margin size

1 Like

@Jacob_Beam Go to assets/section-footer.css

Paste below css at bottom of css file.

@media screen and (max-width: 749px)

.footer-block__details-content>li:not(:last-child)

{
float: left !important;
}

@Jacob_Beam

sorry for that issue can you try

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-footer.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.footer-block__details-content {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

This worked thank you so much.

Do you know how to change adjust the footer size?

1 Like

@Jacob_Beam

yes, please add this code

.footer-block__details-content .list-menu__item--link {font-size: 16px;}

The size of the margin box, not the font size

1 Like

@Jacob_Beam

yes, please share screenshot

Hi Ketan,

Do you know how to center ALL menu items, and change the footer menu to horizontal on the Motion theme? I want it like the image below for the Motion theme, is this something you could assist me with?

1 Like

Hello! I tried this and it works on fullscreen and desktop viewing setting. However, when I change it to mobile viewing, the footer links are squished together. I’ve attached screenshots to my code, desktop viewing, and mobile viewing for reference. I am using the sense theme. Any help would be appreciated!