Left align these elements on mobile view: Impulse Theme

Store Design
1

Hi,

I’m trying to left-align the following elements on impulse theme, have tried many solutions but can’t get it to work:

Screen Shot 2024-07-08 at 10.51.37 pm.png
Screen Shot 2024-07-08 at 10.51.37 pm.png787×1390 70.2 KB

Here is an example of what I’m after from another website:

IMG_6780.jpg
IMG_6780.jpg828×1282 70 KB

Here is my website:
https://emery-london.com/products/lisa-dress

Any help is greatly appreciated !!

1 Like
2

Hi @kingbeanz

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
@media only screen and (max-width: 768px) {
    .grid__item.medium-up--one-half .product-single__meta {
        text-align: left !important;
    }
   .grid__item.medium-up--one-half .sales-point .icon-and-text {
        justify-content: left;
    }
}
3

THANK YOU SO MUCH.

I really appreciate it.