We have a video layer slider on the home page. For desktop all is fine and we can dd the controls in so people can play the music from the video if they wish to do so.
We have also done a portrait mobile version which we have included the player on there and the option to unmute since the player controls is missing the speaker option on the mobile version. So we included the "option to unmute" within the setting for the video.
An icon appeared, Unfortunately the icon is half obscured by the logo branding on the website. Is there a way of moving the :offer to unmute icon form the current default position?
First of all, we sincerely apologize for the delayed response.
The “Tap to unmute” button is positioned via CSS as part of the LayerSlider skin. However, you can fully customize its position by editing the .ls-media-unmute class using the LayerSlider CSS Editor.
To move the button away from the logo or to a different spot, you can adjust its left and top values (or alternatively use right and bottom if you prefer to position it from the bottom or right side). In that case, make sure to set left and top to auto so they don’t interfere.
We have a video layer slider on the home page. For desktop all is fine and we can dd the controls in so people can play the music from the video if they wish to do so.
We have also done a portrait mobile version which we have included the player on there and the option to unmute since the player controls is missing the speaker option on the mobile version. So we included the "option to unmute" within the setting for the video.
An icon appeared, Unfortunately the icon is half obscured by the logo branding on the website. Is there a way of moving the :offer to unmute icon form the current default position?
Attached files: IMG_2324 copy.jpg
Hello,
First of all, we sincerely apologize for the delayed response.
The “Tap to unmute” button is positioned via CSS as part of the LayerSlider skin. However, you can fully customize its position by editing the .ls-media-unmute class using the LayerSlider CSS Editor.
To move the button away from the logo or to a different spot, you can adjust its left and top values (or alternatively use right and bottom if you prefer to position it from the bottom or right side). In that case, make sure to set left and top to auto so they don’t interfere.
For example:
.ls-media-unmute {
left: auto;
top: auto;
right: 20px;
bottom: 20px;
}
This would place the icon in the bottom-right corner. Feel free to tweak the values to best fit your layout.
Attached files: open-layerslider-css-editor.png
Best Regards,
George | Kreatura Dev Team
Absolutely fab, I have altered the position of the icon now and works as needed. hank you for the reply.