New Landing How can we help? Cardinal Not responsive on mobile?

Viewing 15 posts - 1 through 15 (of 16 total)
  • Posted in: Cardinal
  • #160202
    deejayhart
    Member
    Post count: 239

    Hello there – please take a look at this site http://www.alchemisty.com on iPhone – all the typography that looks good on iPad and laptop looks terrible on iPhone – faar too big (including footer, please note) so I really need new CSS rules to make sure the scaling is sensible. Please can you help with say, body and h1?

    #160210
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try this:

    @media only screen and (max-width: 767px) { 
      body p, h1, h2, h3 {
        font-size: 16px;
      }
    }

    – Kyle

    #160235
    deejayhart
    Member
    Post count: 239
    This reply has been marked as private.
    #160236
    deejayhart
    Member
    Post count: 239
    This reply has been marked as private.
    #160321
    deejayhart
    Member
    Post count: 239

    Hi Kyle, aorry to be a pest – any progress poaaible today? Ta!

    #160495
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry, it needs !important

    – Kyle

    #160496
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Probably will need line-height adding too

    – Kyle

    #160502
    deejayhart
    Member
    Post count: 239

    You have login, couls you please add what tou think works and check? It actually saves time and I am out all morning. You’re a great help but surely fonts should scale if it is to be properly responaive? Whichever, please add and check – it’s a basic requirement for any website really, so essential that support staff know how… Also, what about the top of home page as mentioned? A real pain.

    Thanks!

    Dan

    #160504
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    It’s not our fault you use large font sizes. How would we set the theme to scale fonts down when we don’t know what font sizes people are using? We would have to set a font size in the responsive.css file, which would annoy a lot of people as they would have to override it if it is not the size they wanted to use.

    I will log in and add that css for you

    For the other issue, please open a separate topic so that I can forward it to Ed

    – Kyle

    #160505
    deejayhart
    Member
    Post count: 239

    I understand the issues you mention – it’s a tricky one. Anyway, thanks, and please see if there is a way of getting the text and curtain icon working better for mobile? Perhaps you can suggest a better solution? Would need to compare laptop with iphone to see what I mean.

    #160507
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ok no problem

    #160508
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Will forward that issue to Ed

    #160509
    deejayhart
    Member
    Post count: 239

    Thanks Kyle – with login so we can crack it without it taking a werk of forum thread tennis!

    #160814
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @deejayhart

    Try this custom css:

    @media only screen and (max-width: 767px) {
    .swiper-slide .caption-content {
    top: 40%;
    }
    .swift-slider .swift-slider-continue {
    bottom: 20px;
    }
    }

    – Ed

    #162701
    deejayhart
    Member
    Post count: 239

    Hi Ed and Kyle – that is an awful lot better, but still, scrolling on a mobile snaps back unless the continue button is pressed. Is there any way to avoid this?

    Also, I’d like to ask about footer quick fix – too big on mobile, and also would like to remove it altogether on the GALLERY page. Help much appreciated!

    Thanks,

    Dan

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register