2 problems on mobile

[Hausi]

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

^ i want the text a bit lower.

^ those buttons dont work anymore.

Thanks

[BSSCommerce-TA]

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.

[Hausi]

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

Any solution? Thanks for your time

[BSSCommerce-TA · 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".

[Hausi]

you are amazing thanks!