Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 1, 2018 at 11:21 am #992332
    KateStuartDesign

    Hello. I would like for my logo to break out of the header and overlap the content below. I would like to split the logo 50/50 so that then header is half as big but the logo stays the same size . Is this possible? Thank you.

    August 1, 2018 at 2:50 pm #992429
    Ismael

    Hey Kate,

    Thank you for using Enfold.

    Set a custom height for the header and then add this css code to pull the logo downwards.

    div .logo {
    top: 50px;
}

    Adjust the top position value as needed.

    Best regards,
    Ismael

    August 1, 2018 at 3:21 pm #992439
    KateStuartDesign

    Thanks for this – it does however shrink the logo down to the same size as the header even though it now overlaps the content. The logo needs to be double the size than it is now. – It still needs to hang from the top of the page….

    August 4, 2018 at 11:36 am #993483
    Victoria

    Hi KateStuartDesign,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.logo img {
	min-width: 100px;
    width: 100px;
    height: 100px;
}
div .logo {
    top: 50px;
    min-width: 100px;
    width: 100px;
    height: 100px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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