I NEED HELP WITH MOBILE VIEW BANNER

[Adessy]

Hello everyone I need assistance with how I can make the mobile website banner to be well fixed with Abode theme. Could anyone assist me 🙏.

 https://beautspa.com/ 

Here is the website link and password> theous

[BSS-TekLabs]

Wrong password!

Can you check again @Adessy 

[Adessy]

Give me a minute I'm gonna remove the password okay

[BSS-TekLabs]

- Here is the solution for you @Adessy 
- Please follow these steps:

- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (max-width: 600px) {
.shopify-section-header-hidden:not(:has(header-drawer .menu-opening)) {
    transform: none !important;
}
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSSCommerce-HDL]

Hi @Adessy, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.swiper.slideshow-banner.swiper-initialized {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍