[shoco]

Hi, I have some questions regarding the hero section and the background image.
My website: https://daichi-illust.com/

Hero Section

1. I’d like to set the movie on repeat. How can I set it on repeat?

2. I updated a video in the recommended size for the header, but it’s not displayed in fullscreen size (both sizes are cut). To display it in fullscreen size, what should I do?

3. Although the video shows up on PC, it doesn’t on smart phone devices. I’d like to show the video on smart phones, too. In that case, what should I do?

Background Image

1. I’d like to set a background image, fixed to fullscreen size, but if I set it as “fullscreen” to PC, it looks quite rough on smart phones. I’d like it to look perfect on both devices. In this case, what should I do?

I’m hoping to hearing some answers!

Thank you very much in advance.

 

shoco

[tikaram]

@shoco : I will check for the issues and get back to you soon.

Regards,
Tikaram

[shoco]

Thank you, Tikaram!
Looking forward to hearing from you.

shoco

[tikaram]

@shoco : Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css.

.has-header-video .custom-header-media .wp-custom-header video {
    height: auto;
}

.custom-header-overlay {
    background-color: unset;
}

@media screen and (min-width: 85.375em) {
  .header-media + .section {
    padding-top: 125px;
  }
}

To display video on mobile devices you will need to install and activate the Header Enhancement Plugin.

Let me know if this helps to resolve your issues.

Regards,
Tikaram

[shoco]

Thank you, Tikaram!
I will talk with my client and see if he likes it!

 

Also, how about the background image setting?

1. I’d like to set a background image, fixed to fullscreen size, but if I set it as “fullscreen” to PC, it looks quite rough on smart phones. I’d like it to look perfect on both devices. In this case, what should I do?

 

I still need a solution to this problem. Please let me know if there’s a way to fix it.

Thank you!

 

shoco

 

[Author]

Posts