[Resolved] CSS classes for custom nav menu

Home Forums Support CSS classes for custom nav menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1396535
    Matthew

    I added the following code in my template file for a new navigation menu where I want it to appear:

    <?php
    wp_nav_menu( array( 
        'theme_location' => 'gallery-menu', 
        'container_class' => 'custom-menu-class' ) ); 
    ?>

    I need to use GP’s existing menu class(es) so the menu becomes functional and is consistent with my main and secondary menu. But I’m not sure what and how to add the required CSS.

    thanks,

    #1397365
    Leo
    Staff
    Customer Support
    #1398096
    Matthew

    I used the CSS in that resource:

    .third-navigation ul {
        list-style-type: none;
        margin: 0;
    }
    
    .third-navigation ul {
        display: flex;
        justify-content: center;
    }
    
    .third-navigation a {
        padding: 0 20px;
        line-height: 40px;
        color: #a51c30;
    }

    Which provides a nice basic centered layout and removes the list appearance. But how can I bring the styling elements of the default (primary and secondary) GP navigation menus. I want this third menu to look like those. I might tweak it afterwards but want to use them as a base.

    Thanks,

    #1399147
    Leo
    Staff
    Customer Support

    You would just need to style it with CSS.

    Can you link us to the page in question if you need further help on this?

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.