How to change an existing menu design

  • Hi. I want to change the menu design of a template I downloaded for free to one that I like more. One like this or this.

    I have never made my own wordpress theme so that’s why this is all new to me but I was hoping to get started on figuring things out. I do know CSS and HTML, and if I were making this template strictly out of html and css I’d have no problem implementing them. But with wordpress I’m pretty lost.

    Any helpful links or suggestions appreciated.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • What theme are you using? In general, WP uses CSS the same way static sites do – you can often use the existing/generated HTML/CSS classes to modify it.

    Thread Starter codingcoders

    (@codingcoders)

    O, if I can do that that would be pretty awesome. I want to use this theme: https://demo.sketchthemes.com/preview/sketchmini/

    Though you have to register for their newsletter to download it. They did give me this link, don’t know if it’ll work for you: https://goo.gl/CtjLPE I haven’t uploaded it yet, but I can link my website if that would help once I upload the theme.

    These forums only support themes from the repository on this site here:
    https://www.ads-software.com/themes/

    So you may want to use a theme from there if you’re likely to need help.

    That theme looks somewhat similar to Minimatica so you might look at that one.

    Thread Starter codingcoders

    (@codingcoders)

    That’s right, I was told this last time but completely forgot. Sorry about that.

    Well the Minimatica template has the menu at the bottom, and I can’t see it being called in the “header.php” file, so I looked at twenty twelve and it has a menu being called on in the header.php file, which is a more familiar setup to me. So I want to work with that since my main issue is the menu.

    So looking at Twenty Twelve theme, I’m not sure how to paste the custom menu I want into there. I can change the CSS file, but that won’t really do what I want. I see the menu is called on like so:

    <nav id="site-navigation" class="main-navigation" role="navigation">
       <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
	     <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
	     <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav><!-- #site-navigation -->

    But I have no idea how to customize that.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to change an existing menu design’ is closed to new replies.