STYLE Quicklink Menu item - bottom3 - Forum | JoomShaper
Solved Templates

STYLE Quicklink Menu item - bottom3

Asked by Preamble 4 months ago Last activity 4 months ago

We have created a Menu Module to display at 'bottom3'
using New Menu 'Legal' for its items..

Where best to apply style CSS to this?

In the Module 'Menu Class'
or each Menu Item ?

Then place custom CSS code in Pagebuilder ?

Accepted answer

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

those are links, not buttons - to be honest.

Easy, use that simple Custom CSS:

@media screen and (max-width: 860px) {
#sp-bottom3 .sppb-link-list-wrap.sppb-link-list-nav ul li {display: block;}
#sp-bottom3 .sp-module ul > li > a {line-height: 22px;}
}

2 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 months ago · edited

Hi,

If you used the Menu module (Joomla core), you can add class names from Bootstrap documenation to it, to make some basic changes or create your own class name with a more unique style.

If that module will be used on whole site (every page), you have to add Custom CSS inside Template, not by SPPB component.
Read Helix documenation > https://www.joomshaper.com/documentation/helix-framework/customization-tips

If on one Page only, then indeed, you can use Page Settings > Page CSS > Custom CSS for it. But easy to forget about that after a week. That's why using Template > Custom CSS is more recommended for the long term.

Preamble Asked this
4 months ago

Please help with Column alighnment

We have created an SP Pagebuilder module for section 'bottom3'

you can see here https://thedocklocker.com

We can style this way however, on Desktop alignment is vertical, great.

But Mobile alignment is Horizontal... How to force Vertical alignment of buttons?

Log in to reply.