Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #313911
    shoco
    Participant

    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

    #313919
    tikaram
    Participant

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

    Regards,
    Tikaram

    #313929
    shoco
    Participant

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

    shoco

    #313989
    tikaram
    Participant

    @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

    #313994
    shoco
    Participant

    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

     

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Regarding the Hero Section and the Background Image’ is closed to new replies.