Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 16, 2014 at 9:19 am #336639
    suums

    Hi,

    The logo of our website when viewed on mobiles is too big and out of focus (not as sharp as the one on a computer).

    How do we fix this? Already tried add this code in the custom css in the theme options:
    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img { max-width: 100%; height: auto !important; }}

    But the problem is that the site when viewed on a computer, the width becomes narrower to 910px from 1310px and it looks weird because of this.

    Please fix this…

    Regards,
    Sumeru

    • This topic was modified 10 years, 2 months ago by suums.
    October 16, 2014 at 4:20 pm #336859
    Yigit

    Hi Sumeru!

    Please add following code to Quick CSS

    media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img { height: auto !important; margin-top: 5px!important; }}

    and flush browser cache on your mobile device after applying the code

    Best regards,
    Yigit

    October 16, 2014 at 5:24 pm #336938
    suums
    This reply has been marked as private.
    October 17, 2014 at 6:19 am #337168
    Ismael

    Hey!

    Please use this:

    @media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 65px !important;
max-height: 65px !important;
width: auto;
top: 3px;
}
}

    Remove browser cache then reload the page a few times.

    Regards,
    Ismael

    October 17, 2014 at 5:34 pm #337468
    suums
    This reply has been marked as private.
    October 20, 2014 at 9:06 am #338197
    Ismael

    Hi!

    The logo looks OK now when I checked the site and the site is not narrower. The code doesn’t have anything to do with containers. Please provide a screenshot of the issue and check all css media queries, make sure that they are properly coded.

    Best regards,
    Ismael

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