How to move the button on landing page mobile version and remove black header

How to move the button on landing page mobile version and remove black header

torisamorgan
Tourist
6 0 2

My store mobile versionlanding page has a very large black header that i want to get rid of and the button is to high(on the header) and i need help getting that fixed. Thank you

thepastelstop.com

 

Screenshot 2024-07-23 at 11.37.50 AM.png

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
10100 2398 3034

Hi @torisamorgan 

Yout header on the mobile is also transparent? Is the button placed here? 

Made4uoRibe_0-1721756730452.png

If it is, check this one,. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

@media only screen and (max-width: 749px){
.banner__content.banner__content--bottom-center.page-width {
    order: 2;
}
}

 

  • And Save. 

 

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

AK_Design_Dev
Shopify Partner
187 16 16

Hello @torisamorgan 

i can help you if you want then message me 

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com