• Hello,
    I want to change the way the navigation appears in my header but don’t know what to change within the header.php file.

    Currently, if I create new pages it will line them up across the top of the header from right to left.
    Example: About Contact Subscribe

    But I would prefer that it list them vertically from top right to bottom right.
    Example:
    About
    Contact
    Subscribe

    Also, when I add a page to the navigation, it automatically wraps the text of the blog’s title and I don’t want it to do that (although solving the fist problem may negate the text wrapping due to the saved space).

    My theme is Parquetry
    the address is blackpowdermuzzleloading dot com

    Thanks.
    from Gary

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    As you’re attempting to modify Parquetry theme, you should use a Child Theme or Custom CSS plugin to implement the modifications, otherwise changes made will erase once you update the theme.

    To have a vertical navigation,
    Add this CSS style:
    – If you’re working with a Child Theme, in the style.css file.
    – If you’re working with a Custom CSS plugin, in the area allocated.

    .menu li {
     float: none;
    }

    Also, when I add a page to the navigation, it automatically wraps the text of the blog’s title and I don’t want it to do that (although solving the fist problem may negate the text wrapping due to the saved space).

    I don’t quite understand what you mean by, “wraps the text of the blog’s title”, can you specify where it’s doing this?

    Thread Starter below7

    (@below7)

    Thanks for the advice.
    Yes, I can clarify. Currently when I add a new page to the navigation menu, it encroaches on the blog’s title causing the title of the blog to suddenly reformat itself into two lines instead of one.

    Example of how the blog’s title currently appears:
    Black Powder Muzzleloading

    Example of how the blog’s title appears after the wrapped text effect:
    Black Powder
    Muzzleloading

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You may then need to use CSS position on the HTML element containing the navigation, and on the navigation itself.

    For example;

    #header {
     position: relative;
    }
    
    #header #access {
     position: absolute;
     top: 0;
     right: 0;
    }

    Thread Starter below7

    (@below7)

    Thanks for the help. You’re awesome.

    I created the child-theme and it worked perfectly. However now I have just a couple of other questions, and was wondering if you or anyone willing, could help me with the code that could do the following:

    I would like to move the navigation links more to the right in the header and I would like to capitalize the words in each link (their capitalized in the page I created, but not in the link). I also hoped to add some sort of boarder around each navigation link and maybe change the background color within that boarder.

    thanks for all your help.
    From gary

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Below7,

    May you create another thread depicting these issues? You’re more likely to receive help this way.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Navigation in Parquetry Theme’ is closed to new replies.