Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 25, 2017 at 12:33 am #751657
    freshwebsitesla

    Hi Guys,

    Got the menu items to stack correctly based on some other support posts I found but I can get the links to work correctly. Looks like the menu items are aligned to the bottom of the header and the links are aligned to the top therefore not matching. Any help would be appreciated.

    Using the following Custom CSS

    .main_menu {
    position: relative;
    left: 150px;
    }

    .sub_menu_socket {
    display: none;
    }
    #socket .copyright {
    text-align: center;
    width: 100%;
    }

    #avia-menu li {
    float: left;
    width: 75%;
    display: block;
    clear: none;
    height: 30px;

    #avia-menu li a {
    height: 120px !important;
    line-height: 30px !important;
    }

    Ive attached a link to the website and an image of how I’d like the header area to look.

    As alway your help is appreciated.

    Thanks

    February 26, 2017 at 9:45 am #751898
    Jordan Shannon

    Hey freshwebsitesla,
    I logged in and adjusted the css. It should be working now. Updated css below:

    .main_menu {
    position: relative;
    left: 150px;
    }

    .sub_menu_socket {
    display: none;
    }

    #socket .copyright {
    text-align: center;
    width: 100%;
    }

    #avia-menu{
    margin-top:50px !important;
    }

    #avia-menu li {
    float: left;
    width: 75%;
    display: block;
    height: 30px;
    }

    nav a{
    padding:20px !important;
    height:0px !important;
    line-height:0px !important;
    }

    Best regards,
    Jordan Shannon

    March 1, 2017 at 12:51 am #753362
    freshwebsitesla

    Thanks Jordan,

    How can I position the Menu Center aligned with the logo and a widget that I need to add to the right side of the header?

    March 3, 2017 at 11:55 pm #755404
    Jordan Shannon

    Hi,

    Can you explain this a little more, I am trying to get a clear picture of what you mean.

    Best regards,
    Jordan Shannon

    March 4, 2017 at 5:52 am #755475
    freshwebsitesla

    Hi Jordan,

    I think I have it figured out. What I needed originally was to separate the header into a grid. 1/4 ( Logo ) 2/4 ( Menu ) 1/4 ( Widget ) and have the content centered vertically. But the client changed the design and I went a different direction . I still need to figure out how to align all the content in th header in the middle but I have it close enough.

    Thank you

    March 6, 2017 at 6:03 am #756150
    Rikard

    Hi,

    Ok, thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.