Okay
  Public Ticket #1962800
Text align wrongly for 300px and below screens
Closed

Comments

  • Alex Wong Hsiang Lin started the conversation

    Hi, the slider text are not align center for 300px and below screens in screenshot. could you fix this? I am using this tool to test responsive design. http://responsivetesttool.com/

    I think maybe the font-size is too big, can you give me CSS code to reduce font-size for less than 300px if this is the reason?



     

  • [deleted] replied

    Hello Alex Wong Hsiang Lin,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    As I can see you are not using percentages for positioning those layers. Please enter 50% to their Top and Left fields in their Styles tab. This way, they will always stay centered no matter the viewing environment or screen size.

  •   Alex Wong Hsiang Lin replied privately
  • [deleted] replied

    Thank you. I've checked on your settings and they look fine. Also, I'm not able to reproduce this misalignment on my end. I've used multiple devices with different browsers (please see attachments), but the layers were fine in all of them. It didn't happen for me on desktop either, by resizing the browser window. I've used real devices to test this, I believe the emulator you are using might not be completely reliable. Do you see this error on any real devices, or just in the emulator?