Styling Nav Bar

  • So I’m (very) new to WordPress dev – I’m used to just throwing HTML and CSS together and it all working fine.

    I have managed to upload my website (in HTML and CSS) into a WordPress theme, and added the menu function to my functions.php file…

    function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( 'Header Menu' ),
     )
   );
 }
 add_action( 'init', 'register_my_menus' );

    and added the call to where I want the nav bar to show, in index.php

    <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

    But I have no idea how to go about styling the menu so that it displays with the styling I already have from when I originally wrote the HTML and CSS. I don’t know what class names are controlling the menu.

    I would be really grateful if someone could help. I’m sorry if I’m a complete noob, but I’m really new to developing themes.

    Not sure if this will help, but the website which holds the original code is https://projects.ewanjstevenson.co.uk/beta — the links in my header is how I want my theme to look.

    • This topic was modified 5 years, 12 months ago by bcworkz. Reason: code fixed
    • This topic was modified 5 years, 12 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    I’m sorry but we’re unable to help users of commercial themes like Quay for theme related support questions in these forums. We’ve no idea what sort of code these themes use. You should be directing your queries to the specific support channel for your theme, available through the theme vendor.

    Here’s some general tips though. You can override any theme styling by adding CSS rules to the Additional CSS panel of the customizer. Use your browser’s CSS inspector to first discover the styles applied to your other site, then apply the same to your new site while accounting for the differences in HTML structure.

    Essentially, you still have anchor links within a nav block like in your other site, except some divs and ul/li structures are interjected in between.

Viewing 1 replies (of 1 total)
  • The topic ‘Styling Nav Bar’ is closed to new replies.