Reply To: Navigation bar ribbon effect

[Tom]

Hi there,

You would have to manually code this in.

You could either use CSS, or add images inside the navigation using the generate_inside_navigation hook.

For example:

add_action('generate_inside_navigation','generate_add_ribbons');
function generate_add_ribbons()
{
   ?>
      <img src="LEFT RIBBON URL" class="left-ribbon" />
      <img src="RIGHT RIBBON URL" class="right-ribbon" />
   <?php
}

Then you could add this CSS, and adjust as needed:

.inside-navigation {
      position: relative;
}
.left-ribbon {
      position: absolute;
      left: -10px;
      top: 0;
}
.right-ribbon {
      position:absolute;
      right: -10px;
      top: 0;
}

Hope this helps get you started 🙂