Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • August 5, 2018 at 6:29 pm #993724
    Levante Golf

    Hi,

    The logo looks fine on all screen sizes apart from on the ipad in portrait mode where it gets squashed to what appears to be half the height. Please see the link to the site to see how I mean.

    Thank you for your help!

    August 6, 2018 at 1:58 am #993771
    Mike

    Hey ProTravelGolf,
    I don’t have a ipad to test with, but I believe this should work,
    Please try this code in the General Styling > Quick CSS field:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
span.logo,.logo a img {
    height: 180px !important; 
} 
}

    Best regards,
    Mike

    August 6, 2018 at 7:05 pm #994041
    Levante Golf
    This reply has been marked as private.
    August 6, 2018 at 9:30 pm #994105
    Jordan Shannon

    Hi,

    Have you tried adding Mike’s code to the very top of quick css so that it runs first?

    Best regards,
    Jordan Shannon

    August 7, 2018 at 1:15 am #994158
    Levante Golf
    This reply has been marked as private.
    August 7, 2018 at 8:41 am #994267
    Levante Golf

    HI guys,

    Hold that thought! I´ve checked it again this morning and it´s working like a dream! Obvioulsy just needed some more time to clear the cache!!!

    Thanks again to you both!! Awesome help!!!

    August 7, 2018 at 1:26 pm #994411
    Victoria

    Hi ProTravelGolf,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 9, 2018 at 11:00 am #995367
    Levante Golf
    This reply has been marked as private.
    August 9, 2018 at 2:47 pm #995500
    Victoria

    Hi ProTravelGolf,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
  .logo, .logo a, .logo a img {
      width: auto;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 9, 2018 at 7:42 pm #995680
    Levante Golf
    This reply has been marked as private.
    August 9, 2018 at 8:01 pm #995685
    Jordan Shannon

    Hi,

    Can you provide a screenshot of this new issue?

    Best regards,
    Jordan Shannon

    August 9, 2018 at 8:15 pm #995693
    Levante Golf
    This reply has been marked as private.
    August 10, 2018 at 1:54 pm #995965
    Victoria

    Hi ProTravelGolf,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 990px) {
   #top .logo, #top .logo a, #top .logo a img {
      width: auto;
      max-width: 90px;
      max-height: 90px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 10, 2018 at 4:11 pm #996043
    Levante Golf
    This reply has been marked as private.
    August 10, 2018 at 5:26 pm #996094
    Victoria

    Hi ProTravelGolf,

    What is the original design for all these sizes?

    Best regards,
    Victoria

    August 10, 2018 at 5:35 pm #996103
    Levante Golf
    This reply has been marked as private.
    August 11, 2018 at 2:32 am #996197
    Levante Golf
    This reply has been marked as private.
    August 12, 2018 at 11:12 am #996429
    Levante Golf
    This reply has been marked as private.
    August 12, 2018 at 5:06 pm #996458
    Victoria

    Hi ProTravelGolf,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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