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 1 year, 2 months ago.

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


    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.

    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


    Sridhar Katakam

    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.