Navigation Sets - Visual Navigation: setting the mm-card-grid-item

[lesliekirk]

I'm wondering if there is an easy way to set the number of thumbnails in the row for the SFNT: Visual Navigation Navigation Set. I see that it uses the class .mm-card-grid-item which appears to start off with 4 thumbnails in the row max-width: calc(25% - 1px); I would love an easy way to set this to start with 3. Is the only way to add the tweak to my custom.css file with all my other tweaks?

[Matt Zimmermann]

Hi Leslie,

I am guessing you are referring to the Booc ReadyTheme as Levels does not have this as part of the layout. The easiest way to make this adjustment, would be to add the following to your custom stylesheet.

.visual-navigation .mm-card-grid-item {
    max-width: 33%;
    flex: 0 0 33%;
}

.visual-navigation .mm-card-grid-item--2x {
    max-width: 66%;
    flex: 0 0 66%;
}

[lesliekirk]

Yeah, I wasn't sure which theme - this a frankenmonster meld and one of the items I used is the visual navigation...

plug & play, plug & play, plug & play