[creston.anees]

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

[creston.anees]

Also, the social icons are missing on mobile

[tikaram]

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

Regards,
Tikaram

[tikaram]

@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;
 }
}

[creston.anees]

Hello @tikaram

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

LG,

Johannes

[tikaram]

@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;
  }
}

[creston.anees]

Nice, looks good now 🙂 Thank you so much

[tikaram]

@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

[Author]

Posts