Break Point for Flag with Hamburger Menu

[michaelxxx]

Hi,

At the moment my header menu switched to the hambuger menu when the screen size is smaler that 960px. But at this point the translation flag is not displayed. The flag comes up when the screen size gets smaller that 750px.

So there is a gap from 750-960px screen size where no flag is displayed.

Can you help me to fix this with CSS?

One Million Places - Auf Reisen gehen, die Welt entdecken

[marc_a]

Hi @michaelxxx,

Thanks for reaching out.

I just found out that the flag is not displayed between 768px-979px. You can use the CSS code below.

@media(min-width: 768px) and (max-width:979px) {
	.mobile-flag .x-visible-phone {
		display: block !important;
	}
}

The code should work provided it’s copied completely. If that doesn’t work on your end, that means there’s an error with other custom codes you’ve added to your site. For that case, please consult with a 3rd party developer because providing custom code or custom development is outside the scope of our theme support.

Hope that helps and thank you for understanding.