[spiros]

Hello. how can i increase the size of the text font in hamburger menu in mobile view only?

[sujapati]

Hello Spiros,

Certainly, you can achieve this by adding the following CSS to your site

@media screen and (max-width: 64em) {
	.main-navigation ul a {
		font-size: 20px
	}
}

Please adjust the font size as needed to suit your site’s requirements.

Kind Regards,
Sujapati

[spiros]

Τhanks for the answer, but it doesn’t work in the submenus, but  it changes the size of the text of the main menu only .
I added it below but it still doesn’t work:
.main-navigation ul li a {
font-size: 20px;
}

[sujapati]

@spiros: Sorry for the difficulty. You can increase both menu and submenu font size by adding CSS below:

@media screen and (max-width: 64em) {
	.main-navigation ul a,
	.main-navigation ul ul a{
		font-size: 20px
	}
}

Kind Regards,
Sujapati

[spiros]

I wrote wrong. I added this but it doesn’t work

.main-navigation ul ul a {
font-size:17px;
}

[sujapati]

@spiros: Could you please provide us with your URL so that we can directly investigate the issue on your site?

[spiros]

I’m sorry but it doesn’t work. This changes the size of the text of the main menu only and not of the submenus

[sujapati]

@spiros: Could you please provide us with the URL of your site? We need to review it directly to investigate further.

[Author]

Posts