Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 15, 2016 at 12:18 pm #598327
    Munford

    hi,
    I’m still having an issue with this site below – it isn’t responsive on ipads + larger – fine on mobile.
    Can you take a look?
    thanks
    Nancy

    March 18, 2016 at 5:12 am #600070
    Rikard

    Hi Nancy,

    Sorry for the late reply. I’m not sure if I could see any problems to be honest, could you post a screenshot highlighting them please?

    Regards,
    Rikard

    March 29, 2016 at 9:48 pm #604795
    Munford

    Hi Rikard
    if you look at the image below, on an ipad the right side of the site is getting cut off.
    It’s OK on mobile.
    ?
    thanks
    Nancy

    March 29, 2016 at 10:36 pm #604820
    Yigit

    Hi!

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your element and give it a custom CSS class and then add following code to Quick CSS 

    @media only screen and (max-width: 1024px) and (min-width: 767px) {
.your-custom-class h1 span { font-size: 40px !important; }}

    Best regards,
    Yigit

    March 29, 2016 at 11:09 pm #604835
    Munford

    Hi Yigit
    that did not do the trick – also isn’t that just targeting the h1 font size?
    The whole page on ipad is not responsive as far as I can see.
    thanks for taking a look
    Nancy

    March 30, 2016 at 8:10 pm #605422
    Andy

    Hey!

    which class name did you define after turning on custom css class?

    Please send us admin login so we can take a deeper look into it.

    Best regards,
    Andy

    March 30, 2016 at 9:48 pm #605482
    Munford

    class name: ipad
    code:
    @media only screen and (max-width: 1024px) and (min-width: 767px) {
    .ipad h1 span { font-size: 40px !important; }}

    thanks for your help. Never had this problem before.

    March 31, 2016 at 5:14 pm #606054
    Yigit

    Hey!

    I edited your text and gave it a custom class and then changed the code to following one 

    @media only screen and (max-width: 1024px) and (min-width: 767px) {
.ipad-span { font-size: 40px !important; }
#ipad .avia_textblock {
    max-width: 700px;
}}

    Please review your website now

    Regards,
    Yigit

    March 31, 2016 at 6:13 pm #606092
    Munford

    thanks! was there a reason it was not responsive before? Had I set something wrong?

    actually I just looked back at the site and it’s not centered on the ipad, at least in the google dev inspector.
    I’m not sure I”m keeping this layout, so I won’t spend more time on it now, but I don’t get why the color sections
    do not stay centered on the ipad size.
    thanks
    nancy

    • This reply was modified 8 years, 8 months ago by Munford.
    March 31, 2016 at 7:00 pm #606122
    Yigit

    Hi N!

    I could not see anything wrong in your custom CSS code that would cause this issue (unless you edited CSS files directly).
    Glad it is resolved now. Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘not responsive on ipad’ is closed to new replies.