Genesis sample theme sub-menu alignment

Community Forums Forums Design Tips and Tricks Genesis sample theme sub-menu alignment

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  Sridhar Katakam 8 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #80498

    detroitwidget
    Participant
    Post count: 2

    Hi Guys,

    I’m trying to adjust the horizontal placement of a sub-menu in the Genesis Sample Theme (see “Log In” link at top right).

    Currently, when a sub-menu drops down, it’s left edge aligns with the left edge of its parent. I would prefer to align the right edges.

    Any clues on how to accomplish this?

    Many thanks.

    http://www.farsidebank.com/
    #80752

    Davinder Singh Kainth
    Participant
    Post count: 1211

    Look for following section in style.css

    .genesis-nav-menu .sub-menu a {
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 16px 20px;
    padding: 1.6rem 2rem;
    position: relative;
    width: 200px;
    }

    Add following line to it

    text-align: right !important;


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

    #80754

    Sridhar Katakam
    Participant
    Post count: 985

    Use this CSS:

    @media only screen and (min-width: 769px) {
    
    	#menu-item-54 ul.sub-menu {
    	    margin-left: -135px;
    	}
    
    }

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

You must be logged in to reply to this topic.