Word Based Header and Drop Menu

  • hums

    (@hums)


    13 years, 2 months ago

    Hi, I’ve been trying to create a word based drop down header and menu. Unlike the other codes for menus I’ve seen I would like the menu to be pretty barely styled (no background color, no bevel buttons, no borders, or gradients) and to also control the width of the menu. Tried styling existing codes for menus but to no avail especially since I’m trying to link to the font I want to use. I would appreciate any help. This is the code I’ve been looking at so far.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    What stage are you at now? You have a website with a menu, but you can’t change the font size? If so, can you link the webpage?

    Thread Starter hums

    (@hums)

    13 years, 2 months ago

    Thanks for the response. I’ve pretty much finished most parts of the site; I just need to get the header and menu up. This is what I have so far but I wanted the header and menu to be aligned right and in-line with the bottom of the logo. I erased the menu code because it wasn’t working to any adjustments. Was wondering if there’s a better code available than the one I referenced. I wanted the header and menu to be word-based, no images, but it’s been tricky since I wanted to link to a font on my server instead.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    The CSS you’ll probably have to write yourself, but the HTML can be generated for you through the wp_nav_menu function.

    Thread Starter hums

    (@hums)

    13 years, 2 months ago

    This would utilize the WordPress menu, correct? Can one just style a WordPress menu that you create on the Dashboard?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    Can one just style a WordPress menu that you create on the Dashboard?

    The menu you create in Appearance > Menus?

    Thread Starter hums

    (@hums)

    13 years, 2 months ago

    Yes

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    The wp_nav_menu function will get that custom menu and generate HTML in relation to it.

    Thread Starter hums

    (@hums)

    13 years, 2 months ago

    I’m unsure of how to go about that then. Pulling up the wp_nav_menu function in headers.php and then style through style.css?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 2 months ago

    That sounds about right.

    Thread Starter hums

    (@hums)

    13 years, 2 months ago

    So I decided to go with a different approach to the menu. I just used HTML list commands and styled in style.css. Problem now is that the drop down menu will not overlay the underlying post and that the drop down portion of the menu will not stay long enough to select an option.

    This is the styled portion of the Menu…and here is the code for the Menu that I put up on header.php

    Any suggestions?

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

The topic ‘Word Based Header and Drop Menu’ is closed to new replies.

Tags