Is there some Additional CSS I can use to change the font size of menu items and sub-items.
Can you provide us the URL of your website so that we can inspect it and give you a better solution?
Thanks.
The URL is https://www.erayim-aid-trust.uk
I looked at other recent posts here on the forum concerning additional CSS for customising menus and have tried:
.main-navigation ul li a {
font-size:20px;
}
.main-navigation .menu a:hover{
font-size:20px;
}
This appears to have increased the size of the main items, but not the sub-items, until you hover over them. I am a bit of a novice with CSS anyway, so would be grateful for any guidance. I’m sure you will know a better way of achieving this.
Thanks,
Brian
Can you add the below CSS code to Additional CSS box and check?
.main-navigation ul li ul li a {
font-size: 20px;
}Thanks.
This does not help. If I add it to the Additional CSS I had previously included (see earlier post), it makes no difference to the appearance. If I use your suggestion alone, the text reverts to the original (smaller) size for both main items and sub-items
Can you replace the above-provided CSS code as well as the above code you have added with the below ones and check?
.main-navigation ul li a {
font-size: 20px;
}
.main-navigation ul li ul li a {
font-size: 20px;
}Thanks.
Brilliant – that now works!
Thanks for your help.
Glad to hear that your issue is resolved. Do let us know if you have any further queries regarding the theme.
Thanks.
