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 the following item
Login and Registration Log in · Register