New Landing How can we help? Atelier Off-centre titles on mobile devices (after update)

Viewing 15 posts - 1 through 15 (of 20 total)
  • Posted in: Atelier
  • #203370
    gdmorrison
    Member
    Post count: 49

    I noticed a problem with titles being off centre on smaller screens and managed to override it with this:

    @media only screen and (max-width: 767px) {
        .page-heading .heading-text, .post-type-archive-product .page-heading .heading-text {
    	    left: 0;
    	}
    }

    The original value in responsive.css is left: 30px; but this doesn’t appear on your demo site so I assume it has been added recently? Is this a bug?

    #203554
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Can you provide a link so I can check it?

    – Kyle

    #203718
    gdmorrison
    Member
    Post count: 49
    This reply has been marked as private.
    #204286
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Yes this was an issue in the latest update, apologies. The fix for now is adding this css:

    @media only screen and (max-width: 767px) {
    .fancy-tabbed-style .page-heading .heading-text, .post-type-archive-product .fancy-tabbed-style .page-heading .heading-text {
    		left: 0;
    	}
    }

    Will be included in the next update.

    – Ed

    #205658
    nicolaus
    Member
    Post count: 20

    It is still not fixed if I add this custom css in “Theme Options->Custom CSS”.
    Am I doing something wrong?

    #205685
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I don’t see Ed’s css in your custom css?

    – Kyle

    #205698
    nicolaus
    Member
    Post count: 20
    This reply has been marked as private.
    #205710
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry, didn’t realise you were a new user, what’s your link?

    – Kyle

    #205715
    nicolaus
    Member
    Post count: 20
    This reply has been marked as private.
    #205721
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try this:

    @media only screen and (max-width: 767px) {
    .page-heading .heading-text, .post-type-archive-product .page-heading .heading-text {
      left: 0;
    }
    }

    – Kyle

    #205725
    nicolaus
    Member
    Post count: 20

    Ok, it’s fixed now… Thanks a lot!!

    #205727
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem 🙂

    #208934
    eddeaux
    Member
    Post count: 45

    Sweet. This fixed my problem too! Thanks!

    #208940
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Glad we could help.

    – Ed

    #208943
    gdmorrison
    Member
    Post count: 49

    Will this be fixed in an update? I noticed that the problem still exists in v1.67.

Viewing 15 posts - 1 through 15 (of 20 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