Video full size and sound switch required (Theme WD)

Store Design
1

Hello friends…

Please visit our store at:
https://pnkystore.com/
(development store at this time, password: iabish)

We want a full size video with on/off sound switch, just like the following website:

https://www.krystleknightjewellery.com/

Thank you in advance for your help

regards

2

Hi @pnkystore

To make the video full screen, you can add this CSS

@media screen and (min-width: 990px) {
.page-width--narrow {
    max-width: 100% !important;
}
}

Please follow these steps to apply the CSS

  1. From your Shopify admin dashboard
  2. Navigate to Online stores > Themes > Select the main theme
  3. Click on Actions > Edit code
  4. From the code editor, search for the base.css file
  5. Then paste the above CSS at the bottom of the base.css file
  6. Save and refresh the pages so check your changes

The mute and unmute button is added with custom JS, that will require some custom coding to achieve.

Cheers!

1 Like
3

Hi @collinsmbaka

It works !!!.. thank you

just a final step please…

we would also like to remove the page title “Meet PNKY”, I think it would be a little code in the same base.css file?

https://pnkystore.com/
(development store at this time, password: iabish)

I will appreciate again !!!

4

@pnkystore

That is the title you assigned in the video. You can edit your title by following the instructions below.

  1. You need to go to theme editor. Go to your Admin store > Online store > Themes > Cuztomize

  2. Open the video section in the left panel.

  3. Find the textbox for the title, and just delete the contents

  4. Click SAVE

1 Like