CSS for menu links

  • Resolved KylieMemoirs

    (@kyliememoirs)


    12 years, 8 months ago

    Hi there

    I have the main home – contact – about – press menus at the top of the page that all link to internal pages.

    https://www.memoirmode.com/

    If I wanted to change one of those menus to link to an external url, where would I find this in the CSS? or where would I write this in the CSS.

    Sorry it might be a bit of a dumb question, but I can’t see how to do this anywhere

    Thank you in advance

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

  • You wouldn’t change the destination link in the CSS. CSS stands for Cascading Style Sheets – it’s for styling your page.

    You would need to find which of the theme files your nav menu is in. It’s probably in the header.php file.

    Change the href=”” element of the appropriate a tag to whatever external site you want to link to. I would also suggest adding target=”_blank”, which will open the page in a new browser tab/window (personal preference) so your final tag would look something like this:

    <a href="link.to.external.site" target="_blank">Menu Item</a>
    Thread Starter KylieMemoirs

    (@kyliememoirs)

    Thanks for getting back to me.

    I think the problem is I can’t find where the nav menu is. Hunted in all the files including the header.php file

    the closest I have found to what I think I should be altering is this piece in the header.php file

    <nav id=”access” role=”navigation”>
    <?php wp_nav_menu( array( ‘container_class’ => ‘menu-header’, ‘theme_location’ => ‘primary’ ) ); ?>
    </nav><!– #access –>

    I think I was looking for the html you have described above in the files and hoping I could just change the link.

    I am using Matala if that is any help.

    Thank you again

    Ah, the theme is generating this for you.

    I believe you can edit the menu items (and their URLs) on the Appearance -> Menu page.

    https://codex.www.ads-software.com/Appearance_Menus_SubPanel

    Hope this helps.

    Thread Starter KylieMemoirs

    (@kyliememoirs)

    Brilliant , that is exactly what I was looking for. thank you for your help

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS for menu links’ is closed to new replies.