How to make Footer menu Horizantal in Venue theme

Store Design
1

Hi all, I would like to make my footer menu horizontal. I am using Venue theme. Here is a link to my website: https://pinkgardens.co/

1 Like
2

In your theme’s CSS file, try pasting this in the bottom and let me know if it works:

.footer-nav__items {
display: flex;
}

.footer-nav__items li {
margin-right: 1em; /* adjust this value to change spacing */
}

3

@Discopacecat

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.footer__content .o-layout__item.u-1\/1.u-1\/2\@tab.u-1\/2\@desk {
    width: 100%;
    text-align: center;
}
ul.footer-nav__items {
    display: flex;
    justify-content: center;
}
.footer-nav__item {
    margin: 0px 5px;
}

Layout

KetanKumar_0-1667357417973.png
KetanKumar_0-1667357417973.png1898×942 346 KB

1 Like
4

Hi, this worked but doesn’t look like the picture. How can I make it look like the picture you uploaded? Thanks

Screen Shot 2022-11-01 at 11.17.13 PM.png
Screen Shot 2022-11-01 at 11.17.13 PM.png5084×1460 1.2 MB

1 Like
5

@Discopacecat

oh sorry for that can you add this code also

.footer__content .o-layout__item {
    width: 100% !important; 
}
.footer--dark .footer-nav__title {
    text-align: center;
}
1 Like
6

Hi @Discopacecat ,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add below code

  1. Go to Online Store > Themes > Edit
  2. Go to Asset > find theme.css > Paste below code
.footer__content .o-layout__item.u-1\/1.u-1\/2\@tab.u-1\/2\@desk {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

If its working on your store then, please do not forget to accept this solution :face_savoring_food:

Thanks & Regards,
Prezen Tech