STYLE Quicklink Menu Item - Bottom3 - Question | JoomShaper
Back to the questions

STYLE Quicklink Menu Item - Bottom3

P

Preamble

Template 6 days 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 ?

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 days ago #224660

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;}
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 6 days ago #224565

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.

0
P
Preamble
Accepted Answer
4 days ago #224655

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?

0