WordPress.org

Ready to get started?Download WordPress

Forums

custom menu questions. (6 posts)

  1. envoyer
    Member
    Posted 1 year ago #

    Is there a way to change the behavior of a custom menu? I would like to make mine slide so that I can fit more menu buttons. It wants to just add any extra buttons that don't fit, directly beneath, so I have had to remove some menu items I wanted do to this. even if there is a way to change the size of the menu item buttons and make them smaller so they can all fit would be okay at this point. Any help would be appreciated, thanks in advance. http://www.candlelitlife.com

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    One can easily modify the CSS associated with the menu, reduce margins, padding, font sizes etc to fit more menu items horizontally...and also use a custom and shorter title for each menu item...and even group some into one topic and use sub-menus...one could also alter the page width in CSS...etc...

    That all said modify

    .menu LI {
    padding-left:18px;
    padding-right:18px;

    to smaller amount of px each (make same to keep text centered)

    Also, I would add a black background to menu area:

    .header-menu-wrapper {
    background: #000000;
    }

    and remove both

    float:right;
    height:61px;

    from

    .menu

    (note typically Home is first on the left - re-arrange in your menu)

  3. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    You could also change

    .menu A {
    padding-right: 15px;
    padding-left: 15px;

    to smaller px amount to gain more horizontal space

  4. envoyer
    Member
    Posted 1 year ago #

    Thanks so much for taking the time to post a reply, appreciated. This may sound stupid but where can I go to modify that information? I am totally new to blogging and especially with CSS, I only know basic Html which is what I have been trying to get away with so far lol, so if you could point me in the right direction that would be great, thanks.

  5. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    The file to edit is style.css of your theme, but it is best practice to create a child theme and add your styles to the child theme style.css (per instructions in link)...this all requires a knowledge of CSS, WordPress, and testing.

    It looks now like you have made some edits, just be sure to backup each step so you can get back to where you where in the event of an error.

  6. envoyer
    Member
    Posted 1 year ago #

    thanks so much, and do you happen to know the code I would use to make this a sliding style menu? Thanks in advance.

Topic Closed

This topic has been closed to new replies.

About this Topic