Too long item in primary menu

[Marjo]

Hi

Couple of questions and here´s the first one. I´ve got one long item (text in finnish) in primary menu and looks like in some browsers (e.g. Chrome) it splits in two lines. What should I do? I`ll give logins for my new site in private post. Thanks for helping.

[Zex]

Hello, Marjo!

I’ve visited your web page and do not see the problem you are describing (probably you have shortened the names in the main menu)…
There are several ways to solve that if you will need …
The first is to expand Layout width (Customizing-> Layout-> General)
https://prnt.sc/lqfgy4

The next solution is to set the smaller font size for the screens below the some defined width.

@media only screen and (max-width: 1100px){
    #masthead .agama-primary-nav a {
        font-size: 14px;}
}

https://prnt.sc/lqfno1

Change the max-width and font-size values per your needs.

Hope that will help you… if not, fill free to contact me again.

Regards

[Marjo]

This reply has been marked as private.

[Zex]

Hello, Marjo!

I ‘ve increased the space for the Primary menu links by adding the Custom CSS code into Customizing->General->Additional CSS. and now your menu looks fine.

https://prnt.sc/lqx26m

Now you can change the min-width value per your needs.

Regards

[Marjo]

Great. Thanks a lot again.

-m-

[Author]

Posts