2 problems on mobile

Solved

2 problems on mobile

Hausi
Tourist
18 0 1

Hi guys,

 

I have a video playing on my webshop frontpage. When viewed on mobile the text is a bit high. I want the text lower. Also when i click on the 3 lines on the left the buttons dont work anymore. Any help appriciated.

 

https://hausi.nl/ 

 

PW: theepa

 

Hausi_0-1719132407168.png

^ i want the text a bit lower.

 

Hausi_1-1719132422895.png

^ those buttons dont work anymore.

 

Thanks

 

Accepted Solution (1)
BSSCommerce-TA
Shopify Partner
123 24 24

This is an accepted solution.

@Hausi, sorry, instead of the end of the file, try pasting the code at the beginning of the file. And "z-index: 0".

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-TA
Shopify Partner
123 24 24

Hi, @Hausi. You can follow these steps: 

 

Step 1: Access the theme editing section

In the admin panel, select "Online Store" from the left navigation bar. In the "Themes" section, you'll see your store's current theme. Click the "Customize" button to open the customization interface.

 

Step 2: Open the theme source code editor

In the top right corner of the Customize page, you'll see a button with a three-dot icon (⋮). Click on it. Select "Edit code" from the drop-down menu.

 

Step 3: Edit source code

The source code editor will open, allowing you to edit the theme files. Select the "base.css" file or "theme.css" file and paste the CSS code below at the top:

 

@media (max-width: 768px) {
  .videoBoxInfo .imageBoxInfoDescription {
      margin-top: 123px;
  }
  .videoBoxInfo .videoBoxInfoBtn {
      margin-top: 0px;
  }
  #MainContent {
      z-index: 0;
  }
}

 

Step 5: Save changes

Click the "Save" button in the top right corner to save your changes.

 

If it works please choose my answer as the solution. Thank you.

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Hausi
Tourist
18 0 1

@BSSCommerce-TA I added code. Now all the buttons on frontpage wont work:

 

Hausi_0-1719134443638.pngHausi_1-1719134448837.png

Hausi_2-1719134455335.png

Any solution? Thanks for your time

BSSCommerce-TA
Shopify Partner
123 24 24

This is an accepted solution.

@Hausi, sorry, instead of the end of the file, try pasting the code at the beginning of the file. And "z-index: 0".

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

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Hausi
Tourist
18 0 1

you are amazing thanks!