Menu on ipad splited in two lines.

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