Missing Navigation in Mobile

No worries, glad we could help! :)

Something’s still missing though. You don’t seem to have the right permissions on here by the looks of things. I think I should give you a welcome gift as a thanks for stopping by too.

Howdy @ravi.kurma ! Do you think you could give our guest the red carpet? It seems like the Customer Verify-O-Matic 3000 has decided to take a holiday. XD

Hi @jadkins.iiq!

Welcome to the community and I’m glad you were able to get your issue resolved so quickly! You are a verified member, so you should be good to go! 

Sincerely,

Ravi

Thanks, @ravi.kurma !

While I have y’all, @Blastoise186 and @SmartlyGreg - with the same CSS, we got the tiles to be the size that we want but with our company font, the standard subheading text no longer fits on one line. Is there a way to add coding to this to change just the font size of these?

Hmm… You’d be asking a lot there…

You probably can fix that by reducing the font size ever so slightly. Ideally not so much that anyone would notice, but enough to get that single character onto the other line. Either that, or reduce the whitespace around the text.

Greg would know how to do that more than I would. :)

@jadkins.iiq actually I can’t do much more than what @Blastoise186 mentioned, you can add a font-size criteria to this, or choose to add a hyphen between “Power” and “School” to control the break. 

Alternatively you might want to look into the:

white-space: nowrap;

Hard to say here without being on the page really, if this doesn’t help please share the URL if public or maybe a url for the staging with similar content?

@SmartlyGreg the URL is https://incidentiq-en-community.insided.com/knowledge-base

@jadkins.iiq there are multiple solutions to this obviously, what you could do is add the style white-space: nowrap as I’d mentioned before:

<h3 class="card-widget-title" style="white-space: nowrap;">PowerSchool</h3>

When I apply it as is above through the browser it looks like this (slightly off center):

But if you apply this to all of them by adding the same style to the entire class though you will have issues, for example Infinite Campus will look like this:

You could choose the font-size that makes sense for the most of them or choose to show 5 per row with a wider space between each… 

I think my favourite option would be to reduce the padding on the white box container of the text which is set at 24px currently down to 20, to do so just open the custom CSS through “Theme” menu and add the following:

.quicklink__title {
    padding: 8px 20px 16px !important;
}

I’m not sure whether this is a custom HTMl module or some existing module you’ve tweaked, so hard to say the best way to do this so as to minimise impact elsewhere. The ideal solution being to add a class for this specific purpose and set the padding there.

Hope this makes sense...

@SmartlyGreg that did the trick! It looks great. Once again, thank you for your help!