Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 13, 2019 at 7:27 pm #1066604
    undervised

    Hey, I’ve centred my logo with nav items each side as per another thread on this forum so thank you for that.

    I now want the logo to overlap the header bar so that it sits a lot bigger than the header bar itself like below:
    header

    Our website is:
    Morning Sunshine

    • This topic was modified 5 years, 10 months ago by undervised.
    February 14, 2019 at 12:54 am #1066703
    Guenni007

    https://kriesi.at/documentation/enfold/logo/#overlap-logo-and-page-content

    it would be easier to style it if your logo hasn’t so much transparency left right.

    try: 

    #top .logo,
#top .logo a{
  overflow: visible;
}

.logo img {
    height: 160%;
    max-height: 145px !important;
    max-width: 300px !important;
}

    for smaller screens it might be good to have media-querrie instructions.

    February 14, 2019 at 1:07 am #1066705
    Guenni007

    maybe a littel drop-shadow would be nice on logo img:

    .logo img {
    height: 160%;
    max-height: 145px !important;
    max-width: 300px !important;
    -webkit-filter: drop-shadow(1px 1px 1px #666);
    filter: drop-shadow(1px 1px 1px #666);
}
    February 14, 2019 at 10:16 am #1066869
    Rikard

    Hi,

    Thanks for helping out @guenni007, did you try that out and did you have any luck with it @undervised?

    Best regards,
    Rikard

    February 14, 2019 at 11:43 am #1066906
    Guenni007

    maybe this could be a good variant of your logo:

    it is transparent – but with background like menu background.

    and there is a little transparency between the image on top and the navigation – is it intentionally this way ? – if not :

    #wrap_all > img {
    vertical-align: top;
}

    it will look like this :

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