Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 4, 2014 at 10:13 pm #313613
    selkins

    Hi,
    I’ve noticed that on mobile devices the logo for my website is distorted. It should be a circle but on mobile devices it’s scrunged and looks like an oval. How can I fix this?

    Thanks,
    Scott

    September 4, 2014 at 11:52 pm #313667
    Yigit

    Hey Scott!

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

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

    If that does not work, please post the link to your website

    Cheers!
    Yigit

    September 5, 2014 at 1:05 am #313702
    selkins
    This reply has been marked as private.
    September 5, 2014 at 2:52 pm #314043
    Yigit

    Hey!

    Please use following code instead

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

    Regards,
    Yigit

    September 8, 2014 at 7:10 am #314891
    selkins

    Hi Yigit,

    I tried the code you suggested above but the logo is still distorted on mobile devices. Any other suggestions?

    Thanks,
    Scott

    September 8, 2014 at 3:03 pm #315094
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it? Code is currently not being applied

    Cheers!
    Yigit

    September 10, 2014 at 8:41 am #316371
    selkins
    This reply has been marked as private.
    September 10, 2014 at 2:40 pm #316611
    Yigit

    Hi!

    Please review your website. You have added following code to Quick CSS field

    add_theme_support('avia_template_builder_custom_css');

    which should be in Appearance > Editor > Functions.php file. I have added that code to Functions.php as well

    Regards,
    Yigit

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