How can I align the content to the left on mobile?

Store Design
1

Any idea how to align the content on a slider to the left on MOBILE?

I can tell it to align Mobile to left but all is does is left-justify the text. I would like to move the text and button off the image to the left or right.

Thank you!

Screenshot 2023-05-15 at 1.09.29 PM.png
Screenshot 2023-05-15 at 1.09.29 PM.png547×365 241 KB

2

  1. Look for the code that generates the slider content, including the text and button. It will likely use HTML and CSS classes to style and position the elements.

  2. Add the following CSS code to align the content to the left on mobile and move it off the image:

@media (max-width: 767px) {
  .slider-content {
    text-align: left;
    margin-left: -50%; /* Adjust this value to move the content off the image */
  }
}
3

Hello @nlokcoffee

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution?

4

Thank you for the help, finally got it working.