Modern Portfolio – Custom Menu/Header Right

Community Forums Forums Design Tips and Tricks Modern Portfolio – Custom Menu/Header Right

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  Tim Squires 1 year, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #23311

    rasolis
    Participant
    Post count: 15

    I turned off the responsive for our theme and I’ve been trying to figure out with Firebug, which code to tweak to fix the nav menu on the top right.  The are not lined up on the same level.

    Any suggestions?  See http://www.readipress.com

    #23453

    Megan Gray
    Participant
    Post count: 23

    Try replacing this:
    #header .genesis-nav-menu {
    float: right;
    margin-top: 10px;
    margin-top: 0.625rem;
    width: auto;
    }
    With this:
    #header .genesis-nav-menu {

    clear: none;

    float: right;
    margin-top: 10px;
    margin-top: 0.625rem;
    width: auto;
    }

    #23457

    rasolis
    Participant
    Post count: 15

    Awesome – thank you!  I was going blind and crazy. :)

     

     

    #29379

    Tim Squires
    Participant
    Post count: 66

    Hi, I have a similar problem with the nav menu on the right not lining up with the header art that I have made.

    The header was made at the recommended size of 1152×120 and the artwork is set to the left (it’s a variation of the original design for modern Portfolio)

    But when I upload the header, the total header area shrinks a little, and the nav menu on the right no longer lines up with the center of the header.

    I tried adding the code that Megan suggested with no luck.

    I’d be grateful if anyone has any suggestions.

    Thanks :)

    http://timsquires.com.au/portfolio

    #29655

    Tim Squires
    Participant
    Post count: 66

    Hi, I’ve found the solution to my problem. I was able to adjust the level at which the nav items on the right lined up by adjusting the padding value in the code below:

    .header-image #header,
    .header-image #title-area {
    padding: 0;
    }

    Thanks everyone, hope that may help someone else :)

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

You must be logged in to reply to this topic.