Nav bar messed up

[Cairs_nic]

Hi,

When viewing my site in Internet Explorer the top Nav bar is all messed up…the links don’t all fit on one line. Is there a way to fix this issue? Thanks.

 

 

 

[Harry]

Hi,

This issue because you menu title so long so on small screen the line will break.

Please short the text

“Contact Us” -> Contact

“WP Blog” -> Blog
….

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

I shortened those two links but it didn’t correct the issue, would you have any other suggestion’s? Thanks.

[Harry]

Hi,

please add below code to fix

@media only screen and (max-width: 1399px) and (min-width: 1025px) {
.jas-menu > li > a {
	letter-spacing: 1px;
	font-size: 12px;
}
.jas-menu > li:not(:first-child) {
	margin-left: 30px;
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Hi,

Thanks for the coding. I added it into the custom CSS area of the theme options but unfortunately it didn’t change anything in the appearance. Can you please help me to fix this? Thanks.

 

 

[Harry]

Hi,

I fixed the issue on your site.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Thanks for doing that. Under “Shop” the “Izon Security” wording is still in the larger size, can you please tell me how to make it so that wording is the same size as the rest on the nav bar. Thanks!

 

 

[Harry]

I help you fixed this.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts