Header/Menu side-by-side

  • bradleysowash

    (@bradleysowash)


    11 years ago

    I’m using the weaver ii theme. I’m trying to edit the css or html to make my header image and menu lay within the same plane, side-by-side aligned with each other. I’ve tried so many things. Please help.

    I’m redesigning this site and would like to keep the general feel of the logo next to the menus….https://www.collegeliftoff.com/

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter bradleysowash

    (@bradleysowash)

    It worked!!!!!!! Thank you, thank you…I need to dive deeper into my CSS understanding.

    scrambler

    (@scrambler)

    These z-index can be a pain ??

    The last thing to remove to align the menu and the image is
    #nav-bottom-menu {margin-top:-30px;}

    scrambler

    (@scrambler)

    You also need to adjust the margin left from 210 to 280px in the rule
    .menu-add {margin-left:280px !important;}

    scrambler

    (@scrambler)

    I also see you may need different values for the left margin on different pages, you can do that by adding the page id class to a new rule like for the about page
    .page-id-30 .menu-add {margin-left:400px !important;}

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Header/Menu side-by-side’ is closed to new replies.