Home>Support>To Enlarge The Menu Of My Website

To Enlarge The Menu Of My Website

To Enlarge The Menu Of My Website

theme-focus

By Ousmane Dabo, 26 days ago.

Dears Friends

Please How Is It Possible To Enlarge The MENU of My Website ?

http://www.towatchvideos.com is my website and the Menu is on 14 Lines . This is Too Much . I Want To Divide By 2 or By 3 .

I Read All Topics About it , But I Do Not Find The Good Reply . Thanks For Your Reply

Best Regards

N.B : I Will Upgrade My Focus Theme within 2 or 3 Weeks .

URL: http://www.towatchvideos.com

URL: http://www.towatchvideos.com

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

  1. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Ousmane,

    I would suggest reducing the font size of the menu items and using up the space to the left and the right of the menu.
    To reduce the number of lines the menu takes up please add the following CSS code:

    #masthead .site-navigation .menu-wrapper ul {
    font-size: 10px !important;
    }
    
    section.container {
      margin: 0px;
      padding: 0;
    width: auto!important;
    }
    

    This should at least reduce the menu to 7 lines. That is the best that can be done with reducing the lines. You can also try making some of the menu items into sub menus to try and reduce the number of lines further.

    Please try and let me know!

  2. 9 years, 5 months ago Ousmane Dabo

    Hello Addo

    Thanks for your reply .
    I tried your CSS Code , but wHAT i SEE Is not really beautiful for the website . As you can see , , the words of my title are too small . It would be hard for sommeone who has problems of view or old personn to read very well the title or the menu of the website .

    Please , How can i make it better ?
    Thanks for your help.
    Best regards

  3. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Ousmane

    Thanks for reaching out.

    Are you using a custom menu? If not, please go to Appearance > Menus, there you can add the Pages/Links/Categories etc. to your menu that you’d like. Then save your menu and assign it to the theme’s primary menu position. You might also consider using drop down menu items. This will save a lot of space.

    For a full tutorial on Custom Menus, please see: https://en.support.wordpress.com/menus/

  4. 9 years, 5 months ago Ousmane Dabo

    Hello Andrew

    Thanks for your reply . Of course , I am using a custom menu . I already asigned my menu to the primary menu position . I Already delete link , archives , pages , categories … which appear on the menu . It was made by wiziapp . I get a little space , but I Do Not Know , how to make the words of my titles more big .For example , when you see the url http://www.towatchvideos.com in the homepage , everyone could read it more easily , but if you see down , the titles HOME , ROBOTICS-ROBOTS-ROBOT PROJECTS , RUNNING A BUSINESS ……….. and their followings ; it is really hard to read them very well , because words are to small I want them more by using this following code : and a little bit , more big for letters ..

    Thanks for your help .

    best regards

  5. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Ousmane,

    If you still want to increase the size of the text for your menu. You can use the code I gave you earlier:

    #masthead .site-navigation .menu-wrapper ul {
    font-size: 10px !important;
    }
    

    Just increase the number 10 to increase the font size.

    Cheers!

  6. 9 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi :) Addo’s snippet added under Appearance > Custom CSS will let you change the font size of your menu items. As suggested, change the font size to one that suits your preferences.

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