Vertical Menu footer section - Forum | JoomShaper
Solved Helix Framework

Vertical Menu footer section

Asked by Scott 8 months ago Last activity 8 months ago

How to publish th emain menu in the footer section so the nav is vertical not horizontal?

Any one have asolution, doe snot need to be suppor tpersonel.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
8 months ago · edited

Hi Scott,

you have to use bootstrap 5 class name. I created that tip months ago >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-make-the-bottom-menu-vertical-instead-of-horizontal

Later, sometimes extra CSS may be needed to add space between menu items.

Example (for real footer, not bottom):

#sp-footer .sp-module ul {list-style: none;}
#sp-footer .sp-module ul li {margin-right: 10px;}

Example (for bottom):

#sp-bottom .sp-module ul {list-style: none;}
#sp-bottom .sp-module ul li {margin-right: 10px;}

simple code and fully described in Helix documentation :)

1 more reply

Scott Asked this
8 months ago

Thank you, I iwll make use of this in the future, for now useing Bottom 1, 2, 3, and 4 for addtion all pages info

Log in to reply.