Align menu right, inline with logo

I'm trying to align the menu to the right hand side, inline with the logo, which I've successfully done.

However, the usermenu and cart links are sitting to the left of the menu, and I can't get them to align all the way to the right.

I've tried playing with padding, margins, div heights, everything. I just can't get those links to sit above the main menu on the right.



Any ideas?

Could you please post an url to your site?

PM sent with link as my site's still in development.

Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:

Code: Select all

#gkHeaderNav {
    position: relative;
}

#btnCart {
    position: absolute;
    top: 20px;
    right: 16px;
}

#gkTopMenu {
    position: absolute;
    top: 20px;
    right: 88px
}


Remember to enable "CSS override" in template settings - advanced section.

Perfect! That did the trick.

I also did an over-ride for the user menu, but set it at 90px so it doesn't overlap the cart.



Cheers!

Is there anything else I can help you with regarding this topic?