Horizontally aligning header image and nav bar/menu

  • jquadra

    (@jquadra)


    9 years ago

    Hello,
    I’m trying to edit my header and feeling stuck. I changed the dimensions of my header image and aligned it left. I aligned my nav bar right but right now it’s below the header image And to the right. I would like to align them so that the nav bar is directly to the right of the header image. I can see when inspecting the element in Chrome that the whole area is in hgroup but don’t know where to edit that and/or what the issue is exactly. Essentially, I want to raise the menu about 40-50px. You can see my site here and I’ll add that you can see the site from a desktop only because it’ll redirect if you view it from a mobile:
    https://www.jessicaquadra.com

    I appreciate any help with this!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    try to add:

    #access { clear: none; padding-top: 15px; }

    only really works ok in full width browser screen;
    in narrow screens, the menu will break into several lines.

    hoewever, in any case, the layout in narrow screens is already broken by the ‘collage’ images…

    Thread Starter jquadra

    (@jquadra)

    This worked – thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Horizontally aligning header image and nav bar/menu’ is closed to new replies.

Tags