Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2015 at 10:24 am #438812
    Trystan

    Hey guys,

    We have a little issue we hope you can help us out with. So what we are looking for is a floating logo on top, but without a menu. It’s just going to be a one pager, so no menu/search bear is required.

    To give the logo some distance from the top and 50% translucency, we added the following code to the custom.css:

    .logo {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    margin-top:50px;
    }

    What’s happening now is two things:

    1. The logo is below the menubar instead of on top of it (obviously)

    2. I can’t get rid of the menubar, since it’s essentially useless in this case. I would prefer to have the menubar set to display:none except from the logo which should be visible, obviously.

    Can you help us out?

    Thanks

    May 4, 2015 at 3:37 pm #438962
    Yigit

    Hey Felix!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .logo {
  top: 55px;
}
#header_main {
  margin-top: -47px;
}

    Best regards,
    Yigit

    May 6, 2015 at 10:06 am #440210
    Trystan

    It works, thanks!

    However, on mobile the menu/logo is off (see Screenshot).

    If you are wondering about the white bars BTW, there’s another thread ;-)

    Cut Off Menu

    May 6, 2015 at 5:25 pm #440496
    Yigit

    Hey!

    Please change the code to following 

    @media only screen and (min-width: 768px) {
.logo {
  top: 55px;
}
#header_main {
  margin-top: -47px;
}}

    Best regards,
    Yigit

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