Wrap Primary & Secondary Menu Links with span tag

Community Forums Forums Design Tips and Tricks Wrap Primary & Secondary Menu Links with span tag

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Alessandra 9 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #65039

    Alessandra
    Participant
    Post count: 30

    Hi!

    Can anyone help me out on how to achieve the bellow result:

    <nav class=”nav-primary” role=”navigation” itemscope=”itemscope” itemtype=”http://schema.org/SiteNavigationElement”>
    
    <ul class=”menu genesis-nav-menu menu-primary”>
    <li><a href=”#”> <SPAN>LINK ANCHOR TEXT</SPAN> </a></li>
    …
    …
    …
    </ul>
    
    </nav>

    I am searching for a way to wrap the links from the primary and secondary menus with span tags.

    Like this: <a href="#"> <SPAN>LINK ANCHOR TEXT</SPAN> </a>

    Is there any function or filter i can use to accomplish this?

    Thank you!

    • This topic was modified 9 months, 4 weeks ago by  Alessandra.
    • This topic was modified 9 months, 4 weeks ago by  Alessandra.
    #65298

    Alessandra
    Participant
    Post count: 30

    no one? =(

    #65304

    emasai
    Participant
    Post count: 648

    What do you want to accomplish with your span tags? To style the anchor tags you can add custom css classes into the menu or use nth-child in your css file.


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    #67619

    Alessandra
    Participant
    Post count: 30

    Its not for style purpose.

    I want to include itemprop=”name” to the schema NavigationElement markup.

    =/

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

You must be logged in to reply to this topic.