Mega Menu - Remove Site Title on Tablet View

Foundry
1

Hi, does anyone know how I can remove the Site title on Tablet view, in Mega Menu stack?

The stack settings give the option to do this in Mobile view, but not Tablet as far as I can work out.
I’m working with a lot of Nav items, so with Logo theres isn’t enough room on Tablet for Site title and logo.

I’ve tried the following CSS, which kind of works - but I’m still left with the spacing where the Site Title would have been:

@media screen and (max-width: 768px) {
.mm_site_title {
visibility: hidden;
}

Or as an alternative, does anyone know how I can set the menu to toggle view on tablet? (This would probably we better in terms of UX and i could keep the site title.)

Any help much appreciated.

2

Try display: none; in place of visibility

1 Like
3

Similarly - it works, but i’m still getting left with the excess spacing as if the title were there.
I’ll drop a screen grab to show you what i mean…

Screenshot 2021-04-05 at 15.51.24
Screenshot 2021-04-05 at 15.51.241736×1944 260 KB

4

Maybe I’m misunderstanding, but you want the site title to disappear at 768, even though this is the point the menu breaks to the mobile view?

EDIT: OK, I see what you want now, this works…

@media screen and (max-width: 768px) {
.mm_site_title {
display: none !important;
}

Your edited version about just needed a !important.

1 Like
5

awesome, :smile: works like a charm. Thank you