Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #308994
    creston.anees
    Participant

    Hello,

    on my website (https://joferromusic.com) there is a hero content part.

    When viewed on desktop it looks good, but on iphone the background is not filling the page but is way zoomed in. How can this be solved?

    Thanks,

    Johannes

    #308999
    creston.anees
    Participant

    Also, the social icons are missing on mobile

    #309021
    tikaram
    Keymaster

    @creston-anees : I will check for the issue and get back to you soon.

    Regards,
    Tikaram

    #309038
    tikaram
    Keymaster

    @creston-anees : It looks like there is some issue with the social icons on mobile devices. For a quick fix please login to your WordPress admin section.
    Go to Appearance => Customize => Additional css and add the following css.
    Regarding the hero content background image I will let you know soon

    @media only screen and (max-width: 767px) {
     #floating-social {
      position: absolute;
      left: 25px;
      z-index: 3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      top: 50px;
      min-height: 82vh;
      transition: min-height 0.3s;
     }
     #floating-social .social-navigation ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
     }
     #floating-social .social-navigation a {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      margin: 5px;
      padding: 7px;
      height: 44px;
      width: 44px;
     }
    }
    #309054
    creston.anees
    Participant

    Hello @tikaram

    sick thanks! That works. Hope theres a fix for the hero thingi soon too 🙂

    LG,

    Johannes

    #309085
    tikaram
    Keymaster

    @creston-anees :Please try adding the following additional css for the hero section background image issue

    @media only screen and (max-width: 768px) {
      #hero-section {
          background-attachment:scroll;
      }
    }
    
    
    #309142
    creston.anees
    Participant

    Nice, looks good now 🙂 Thank you so much

    #309268
    tikaram
    Keymaster

    @creston-anees : Nice to hear back from you and glad that my support worked on your website. If it’s not too much trouble, I have a quick request: could you please leave an honest review? https://wordpress.org/support/theme/scaperock/reviews/#new-post . Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.

    Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know.

    Have a good day! 🙂

    Regards,
    Tikaram

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hero background bug’ is closed to new replies.