Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 19, 2017 at 6:31 pm #796709
    Justin

    I could use some suggestions on how best to have the logo render over the secondary and main menu, and ofcourse render well across mobile …
    Any suggestions to at least point me in the right direction? Please see links….

    The logo itself is sized at: 210px X 164px
    Thanks guys!

    May 20, 2017 at 3:53 am #796900
    Mike

    Hey Justin,
    Try this code in the General Styling > Quick CSS field:

    div .logo {top: -50px !important; }
@media only screen and (max-width: 989px) and (min-width: 768px) {
div .logo {top: -75px !important; }}

    I thought the border line should be removed, so use this:

    
#top .av_header_transparency #header_meta {
    border-bottom: 0px !important; }

    Best regards,
    Mike

    May 20, 2017 at 5:35 pm #797061
    Justin

    Mike, thanks…
    The only way I have managed to get the logo to show it’s full size is by specifying it’s dimensions in the CSS, and moving its position up using the following. Works for now I suppose? I would like to keep the line. But how do I get it BEHIND the logo. Rather than in front. Plus, mobile is just not looking good

    .logo img {
    width:210px;
    height:164px;
    }
    .main_menu, #top #header.av_minimal_header .main_menu ul:first-child >li > ul,
    #top #header.av_minimal_header .main_menu .avia_mega_div > .sub-menu {
    margin-top:-40px;
    }

    May 20, 2017 at 6:35 pm #797073
    Mike

    Hi,
    To put the line behind, try this:

    #top .av_header_transparency #header_meta {position: relative!important; z-index: -1 !important; }

    Not sure what to do with the mobile view (425px)

    Best regards,
    Mike

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