Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 8, 2016 at 5:06 pm #610337
    jonrouse

    Hello,
    I am currently working on some visuals for a new website that I plan on using Enfold to build.
    One of my ideas is to have the logo overhanging the content on the rest of the page. I’ve taken a screen grab of you site, the hexagon in the left corner would be my logo. Can this be done, and if so how?

    Thanks in advance,

    Jon

    example

    April 8, 2016 at 5:14 pm #610339
    Yigit

    Hey jonrouse!

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

    .logo { top: 10px; }

    Cheers!
    Yigit

    April 8, 2016 at 5:49 pm #610349
    jonrouse

    Thanks Yigit,
    That sort of works, but I don’t want the logo to move down because it leaves an awkward space above it.
    I’m messing around on a personal domain, see link, and I want the logo to align with the top of the menu items but extend into the page, basically bigger than it is.

    April 8, 2016 at 6:02 pm #610352
    jonrouse

    Hey Yigit I found the answer elsewhere.

    .logo, .logo * {
max-height: 282px !important;
height: 282px !important;
width: 320px !important;
}

    and for the shrinking logo/header

    .header-scrolled .logo a {
max-height: 50px !important;
max-width: 80px !important;
}
.header-scrolled .logo img {
max-height: 50px !important;
max-width: 80px !important;
}

    Thanks to Andy in this thread

    April 10, 2016 at 5:39 am #610721
    Rikard

    Hi,

    Great, glad you found a fix and thanks for sharing!

    Regards,
    Rikard

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