Tagged: not responsive
- This topic has 7 replies, 2 voices, and was last updated 9 months, 2 weeks ago by
tikaram.
-
AuthorPosts
-
August 9, 2022 at 11:08 am #308994
creston.anees
ParticipantHello,
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
August 9, 2022 at 7:56 pm #308999creston.anees
ParticipantAlso, the social icons are missing on mobile
August 10, 2022 at 12:47 am #309021tikaram
Keymaster@creston-anees : I will check for the issue and get back to you soon.
Regards,
TikaramAugust 10, 2022 at 12:48 pm #309038tikaram
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; } }
August 10, 2022 at 4:31 pm #309054creston.anees
ParticipantHello @tikaram
sick thanks! That works. Hope theres a fix for the hero thingi soon too 🙂
LG,
Johannes
August 11, 2022 at 4:53 am #309085tikaram
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; Â } }
August 12, 2022 at 8:59 am #309142creston.anees
ParticipantNice, looks good now 🙂 Thank you so much
August 15, 2022 at 2:22 am #309268tikaram
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 -
AuthorPosts
- The topic ‘Hero background bug’ is closed to new replies.