drop down menu

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  chartan 5 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #86322

    masonjarsalads
    Member
    Post count: 99

    Would someone take a look at the drop down menu under Recipes on my site. Is there a way to expand the width without it creating those weird lines through my logo?

    http://www.masonjarsalads.com
    #88595

    masonjarsalads
    Member
    Post count: 99

    Any advice, I still haven’t figured this out.

    Thanks!

    #88754

    chartan
    Member
    Post count: 3

    Hi
    Seems you need some corrections on the style definitions. The following one should work:

    .genesis-nav-menu .sub-menu a {
        padding: 2px 10px 1px;
        top: 1px
    }

    Just add this to your stylesheet document and see if it works.

    #88776

    masonjarsalads
    Member
    Post count: 99

    Thank you, that worked. Is there a way to make it translucent so that it doesn’t cover the logo?

    #88785

    chartan
    Member
    Post count: 3

    Well, you mean “semi-transparent” I think – as it won’t look nice when there is no background at all.
    Add this rule to the same selector as above:

    background-color: rgba(255,255,255,0.9);

    You can adjust the transparency with the last value (here: 0.9).

    To have no background at all, use: background-color: transparent;

    #88786

    chartan
    Member
    Post count: 3

    Ah, btw: rgba isn’t supported in IE8 and below. Just in case you care about this.

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

You must be logged in to reply to this topic.