Home>Support>Responsive Menu

Responsive Menu

By Jose AMezcua, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello Vantage team,

is there a way to make the text in the menu responsive to avoid at all costs having it break in 2 lines?

Thanks,
J.

URL: http://ilumin-arte.mx/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Jose AMezcua

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media screen and (max-width: 640px) {
.main-navigation a,.main-navigation ul li a,.main-navigation ul ul li a {
    font-size:10px;
}
}

    Change the font size to match your requirements, and the max-width size to match the screen size when the text starts to wrap.

    Let us know how you get on

    Magus

  2. 10 years, 2 months ago Jose AMezcua

    Solved,
    thanks Magus!

  3. 10 years, 2 months ago Magus
    Hi, I Work Here

    Hi Jose

    You are welcome. If you need any more help please feel free to open a new support thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More