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.
PW: theepa
^ i want the text a bit lower.
^ those buttons dont work anymore.
Thanks
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.
@BSSCommerce-TA I added code. Now all the buttons on frontpage wont work:
Any solution? Thanks for your time
@Hausi , sorry, instead of the end of the file, try pasting the code at the beginning of the file. And “z-index: 0”.
you are amazing thanks!
