beginner needs header menu help! wisdom sought…

  • astrali1

    (@astrali1)


    11 years, 4 months ago

    I am trying to create a header menu at my website that looks like those on the following two pages:

    http://soundgardenworld.com/
    http://www.conoroberst.com/

    I want the title of my project (astralingua) to appear on the left, link to the home page, and be in a larger font. I want the links to the pages on the site to be be right-aligned and in the same line as the title, but in smaller font.

    My site is here:
    http://www.astralingua.com/makeitso/

    I am working with tempera as a child theme. It gives me the option for a top bar or a main menu, but not for a header menu. I have the ability to add css within the theme.

    I am new to code and have only a very basic understanding of how to make changes. It seems like it should be easy? I’ve tried a few things I read on the forum but the spacing is always completely off and I don’t know how to fix that.

    How can I get my menu to do this?

    Thank you very much.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Frank Corso

    (@fpcorso)

    11 years, 4 months ago

    Greetings astrali1:

    Usually, it would be best and easiest for someone new to code to select a theme that supports a header menu.

    However, I took a look at your site and to get the desired effects, I would say add this CSS to your prime_nav ul:

    width: 100%;
margin: -50px 0px 0px 400px;

    Now, I have not tested this yet, but that should get you in the right direction. Let me know if you need further assistance.

    Thread Starter astrali1

    (@astrali1)

    11 years, 4 months ago

    Thanks for the reply Frank.

    Where do I enter that code? I have the ability to add CSS through one of the misc. tempera settings or by going into the code with the editor. From what I understand about how a child theme works, I shouldn’t edit anything except for the child theme style.css, which currently has nothing in it.

    So where do I enter this code and specify that it is for the prime_nav ul ?

    Clearly I’m new to this 🙂

    Thanks!

    Thread Starter astrali1

    (@astrali1)

    11 years, 4 months ago

    PS Is there a free theme that you recommend instead? I chose Tempera because it seemed to have the most customizable interface (colors, formatting, etc). I am curious to see what others are like but afraid to activate another theme lest I lose my settings and have to start over with what I’ve done on Tempera.

    Thanks again for your advice.

    WPyogi

    (@wpyogi)

    11 years, 4 months ago

    Since you are using a child theme, put the CSS code in the style.css of the child theme.

    Frank Corso

    (@fpcorso)

    11 years, 4 months ago

    astrali1:

    You are correct on the child theme protocol. You should never make your changes to your theme or they will be erased in the next update. Always make your changes in your child theme. Your style.css should be a good spot to start on the code. Your prime_nav ul has a class of menu, so you that class with the starting css and then tweak it to what works for you.

    Thread Starter astrali1

    (@astrali1)

    11 years, 4 months ago

    I am still unclear on what you mean when you say:

    ” Your prime_nav ul has a class of menu, so you that class with the starting css and then tweak it to what works for you.”

    When I look at my style.css sheet within the child theme, this is all that is there:

    /*
    Theme Name: Tempera Child Theme
    Description: First Child Theme created for Tempera
    Author: Anne Thompson
    Template: tempera
    Version: 1.2.6
    */

    @import url(“../tempera/style.css”);

    How do I indicate that the code refers to the menu in some way? Am I missing something within the child theme?

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

The topic ‘beginner needs header menu help! wisdom sought…’ is closed to new replies.