Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 7, 2016 at 6:27 pm #709412
    WCWL1650

    Hi,

    Is there a way to change the size of the logo in the header? I would like it to stretch all the way across. When I tried adjusting the size with CSS, the logo got really pixellated and looked awful. Is there a way to change this and make the logo still look decent?

    November 7, 2016 at 10:43 pm #709511
    Vinay

    Hey WCWL1650,

    Please use a high resolution logo image and add the below css in Enfold > general Styling > Quick CSS

    div#header_main .container, .logo, .logo a, .logo img {
min-width: 80vw;
}

    Best regards,
    Vinay

    November 7, 2016 at 11:18 pm #709548
    WCWL1650

    Hi Vinnay,

    I tried what you suggested, and I’m still getting the issue with the logo being pixellated. I did use a high res image.

    November 7, 2016 at 11:42 pm #709552
    Vinay

    Hi,

    Please upload a high quality logo image to media library and share the link so we can try any other alternate methods using custom css.

    Best regards,
    Vinay

    November 8, 2016 at 12:35 am #709569
    WCWL1650

    Here is a high res version of the logo:
    http://www.wcwlakron.com/wp-content/uploads/2016/09/West-Coast-logo.jpg

    November 8, 2016 at 8:56 am #709648
    Vinay

    Hi,

    We have added the css in Quick css and linked the high rez logo in theme options everythign looks good on my end. Pleasre review the site.

    To make changes to the logo width try to adjust the value 80vw which is 80% of the browser window width.

    If you do not see similar to the screenshot please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

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