• My client would like to have a curvy menu (that is not on a straight line). Is there an easy way to do it? any themes out there that has this feature? Or any examples?
    thanks

Viewing 1 replies (of 1 total)
  • You can class each item individually and give them different paddings. For instance, if your menu is:

    <ul>
    				<li id="homehp"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    				<li id="listingshp"><a href="<?php bloginfo('url'); ?>/featured-listings">Featured Listings</a></li>
    				<li id="abouthp"><a href="<?php bloginfo('url'); ?>/about-julie">Why Choose Julie?</a></li>
    				<li id="piedmonthp"><a href="<?php bloginfo('url'); ?>/why-choose-piedmont">Why Choose Piedmont?</a></li>
    				<li id="clientshp"><a href="<?php bloginfo('url'); ?>/clients">Client Notes</a></li>
    				<li id="communityhp"><a href="<?php bloginfo('url'); ?>/community">Community Ties</a></li>
    				<li id="contacthp"><a href="<?php bloginfo('url'); ?>/contact">Contact Me</a></li>
    			</ul>

    You can do stuff like this in the css:

    #homehp {padding-top:10px;}
    
    #listingshp {padding-top:5px;}
    
    #abouthp {padding-top:0px;}
Viewing 1 replies (of 1 total)
  • The topic ‘How to create curvy menu’ is closed to new replies.