Move image banner text - Sense theme

[virregouda]

I would like to make it look like this - https://www.nudient.se/

Text needs to be moved to the left. Could someone help me? 

I would also like to have the banner to work like above page - two pages when on desktop and one for mobile, being responsive. 

https://1f097c-e6.myshopify.com/ - Password Testar

 

 

[Made4uo-Ribe]

Hi @virregouda 

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.banner__content.banner__content--middle-left.page-width {
    margin-left: 0 !important;
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[virregouda]

Hi, thanks for helping! Unfortunately this did not work for me. Do you have another solution I could try?

[Made4uo-Ribe]

I edit the code, please try it again. If still not working let me know. Thanks!

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[virregouda]

Still won't work, thank you tho!

[Made4uo-Ribe]

Where did you add the code? base.css file? 

[virregouda]

correct

[Made4uo-Ribe]

oh, You add it wrong. Must be paste before the last closing bracket. It should be like this. 

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PageFly-Amelia]

Hi @virregouda 

This is Amelia from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.banner__content.banner__content--middle-left.page-width.scroll-trigger.animate--slide-in {

    margin-left: 0 !important;

}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[virregouda]

This did not work, maybe because logo is where it is? Would like to move all this more to the left. Same for cart, more to the right. See image; 

 

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi  @virregouda  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
@media screen and (min-width: 768px){
  .hero__text-container{
    max-width: 50%;
    display: flex;
    margin-left: 0px;
    justify-content: center;
}
  .hero__text-container .col-sm-max-8.text-align-center.sm-text-align-left{
    text-align: center;
   }
.hero__text-container .blocks-button {
    display: flex;
    justify-content: center;
}
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly