Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 26, 2017 at 4:22 am #881827
    gatorfan02332

    I have an issue with the logo I want to use in the header of my website. When I upload it the normal way it places the logo in my header too small to actually make it a useful logo. I was wondering if there is an easy way that I can overlay my logo so a portion of it sits on the header and the rest overlays a small portion of the main slider. That way I can expand the logo to a useable viewable size.

    November 26, 2017 at 4:57 pm #881919
    Nikko

    Hey gatorfan02332,

    Yes, but you need to use transparent background for the logo, then add this css code in Quick CSS (located in Enfold > General Styling):

    #header .logo {
    height: 110px;
}

    Hope this helps :)

    Best regards,
    Nikko

    November 27, 2017 at 2:32 am #882071
    gatorfan02332

    Thank you very much for your help. It worked exactly like I wanted. How do I adjust the size after I place that code? I tried just changing the uploaded size but it looks like the code might have a predetermined size?

    November 27, 2017 at 4:15 am #882081
    gatorfan02332

    Also I just noticed that on mobile it goes back to showing the logo in the header only. Is there a fix for that was well?

    November 28, 2017 at 3:38 am #882473
    Ismael

    Hi,

    You can adjust the value of the height property.

    #header .logo {
    height: 80px;
}

    And use css media queries to adjust the size on mobile view.

    Best regards,
    Ismael

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