How can I change a footer utility menu to display horizontally

[LS001]

Hello,

I am using the Horizon Theme. Store is: www.linesix.ca

For the life of me I cannot change the display of a menu I added to my footer utility block. I would like the pages displayed in that menu item to display horizontally vs vertically.

Any help will be much appreciated. I have added an image of the current display for your convenience.

Thank you so much.

[PaulNewton]

@LS001

I would like the pages displayed in that menu item to display horizontally vs vertically

The LINKS displayed can be made inline instead of block styling.
Though you should seriously dig through the themes blocks to be sure this is how you want to do this.
The problem is your using the menu in a component meant to be used as an accordion; READ: it stacks.
So now your going out of the way to break that form factor instead of using or customizing a specific tool.

In a custom-css setting try this selector and style combination for desktop
, tailor margin-right to need.
Or though this is not advised remove the surrounding media query to target both mobile and desktop.
Remember mobile screens are NOT wiiiiiiiiiide exercise restraint or lose sales.

@media screen and (min-width: 750px) {
  .footer-utilities__group--middle .menu__item {
    display: inline-block;
    margin-right: 2em;
  }
}

[Dan-From-Ryviu]

@LS001

www.linesix.ca

You can add this code to the Custom CSS section in the theme settings.

.details-content ul.list-unstyled {
    display: flex;
    align-items: center;
}
.details-content ul.list-unstyled .menu__item+.menu__item {
    margin-block-start: 0;
    padding: 0 12px;
}

Best regards,
Dan from Ryviu: Product Reviews App

[LS001]

Very sound advice and thank you so much for your input.

I’ve changed the mobile view menu to an accordion style menu however it is aligned left and I would like to align it in the centre. Wish I could figure out the code for myself but I can’t.

Any tips on how to do this?

Again thanks so much for your help.

[LS001]

Thank you so very much.

Amazing help in this community.

Would you have any idea how to align my accordion menu in the centre on mobile?

Thanks!

[LS001]

Hey I tried to edit my message but couldn’t.

Any idea why the word “media” is not equally spaced like the rest of the menu?

Thanks!