I have created a website with the Shapely theme. I have problem with the top menu on tablets… on my Ipad the menu is splited in two lines. Is there a solution for this problem? Either to show the mobile menu instead or increase the space between the menu items?
Hello there,
I hope you are doing well today.
Could you please provide a link to your website so that I can inspect it?
Best Regards,
Support
Password: SPIFStyrelse
Hello there,
Thanks for that information.
You can use the following CSS code to reduce the margin used in the menu by going to Appearance > Customize > Additional CSS and pasting it there.
/*Menu margin reduction*/
@media (max-width: 1120px)
.main-navigation .menu > li {
margin-right: 15px;
}
Best Regards,
Support
Hello,
Something seems to bee wrong with this code?
It says “Expected LBRACE”…
Hello there,
Can you provide an image of the error so I can see where the error is?
Best Regards,
Support
Here is the image.
I think the best solution would be to show the mobile menu also om tablets. Is that possible???
Hello there,
Please replace that code with this:
/*Menu margin reduction*/
@media (max-width: 1120px)
{
.main-navigation .menu > li {
margin-right: 15px;
}
}
Best Regards,
Support