This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Reply To: mobile navigation

#1369
Jason Bobich
Keymaster

Looks like the same issue as before. You’re arbitrarily applying fixed widths to elements within the header.

This seems to be effecting the navigation:

.primary_light_blue #access ul {margin-top:98px; width: 940px; background:#00314E; height:48px; margin-left: 0px; }

And also because you’re changing the font-size of the buttons, you’re overriding anything that came before in the theme’s responsive styles applied at different media queries. So, you need to account for that in your custom styles.

/* Styles for Tablets */
@media (max-width: 800px) {
	.whatever { ... }
	.whatever_2 { ... }
	.whatever_3 { ... }
	.whatever_4 { ... }
}

/* Styles for Mobile Devices */
@media (max-width: 480px) {
	.whatever { ... }
	.whatever_2 { ... }
	.whatever_3 { ... }
	.whatever_4 { ... }
}