Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 20, 2018 at 11:34 am #944536
    mike_espie

    Hi, just wondering how I would make the main logo the full width of the screen when viewing on a mobile, it looks like it has some padding currently.
    Thanks in advance

    April 20, 2018 at 6:06 pm #944673
    Nikko

    Hey mike_espie,

    Can you give us a link to your site? so we can take a closer look.
    And try to give you some css code that should work.

    Best regards,
    Nikko

    April 20, 2018 at 9:05 pm #944756
    mike_espie

    Ah sure thing!

    April 21, 2018 at 7:19 am #944813
    Nikko

    Hi mike_espie,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all .container {
    width: 100%;
    max-width: 100%;
  }

  .responsive .logo img {
    width: 100%;
  }
}

    Let us know if that helps.

    Best regards,
    Nikko

    April 21, 2018 at 10:03 am #944860
    mike_espie

    Hi, I added it but it doesn’t seem to have changed anything

    April 23, 2018 at 3:01 am #945176
    Nikko

    Hi,

    I have checked your site and the code does work, I have posted a link on how it looks on my end in private content.
    Can you post a screenshot on how it looks on your end?

    Best regards,
    Nikko

    April 23, 2018 at 12:38 pm #945374
    mike_espie

    Ah you are right, my phone must be caching it, although that logo looks a bit squashed. The blue circle should be perfectly round but is appearing a little oval. how can i fix that?

    April 23, 2018 at 2:27 pm #945408
    Nikko

    Hi mike_espie,

    I see, can you try to replace this code I gave:

    .responsive .logo img {
    width: 100%;
}

    with:

    .responsive .logo img {
    width: 100%;
    height: auto !important;
    max-height: none !important;
}

    Hope this helps :)

    Best regards,
    Nikko

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