Left align these elements on mobile view: Impulse Theme

[kingbeanz]

Hi,

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



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

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

Any help is greatly appreciated !!

[Made4uo-Ribe · Accepted solution]

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;
    }
}

• And Save. 
• Result:
• 

[kingbeanz]

THANK YOU SO MUCH.

I really appreciate it.