- This topic has 10 replies, 3 voices, and was last updated 2 years ago by Sakin.
-
AuthorPosts
-
October 3, 2022 at 12:30 am #311554beanboy182Participant
Hi.
I have this theme installed, and I love it. Having some issues with clarity on mobile and whatever I try I’m unable to hide the header media on mobile. I would still like the menu to be visible though.
Any help with this would be appreciated.
Thanks!
October 3, 2022 at 6:18 am #311565tikaramParticipant@beanboy182 : Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.
@media only screen and (max-width: 768px) { .custom-header { display: none; } }
Regards,
TikaramOctober 3, 2022 at 1:23 pm #311571beanboy182ParticipantExcellent! Just the job, thank you. My content now overlaps with the menu and logo, is there a way it can all be adjusted to account for this? Thank you so much!!
October 3, 2022 at 3:12 pm #311577SakinKeymaster@beanboy182: Please post your site URL and then we can check for issues.
October 4, 2022 at 12:06 pm #311617beanboy182ParticipantIts got a slider on at the moment to create a space but long term I don’t want the slider on mobile either.
Thank you.
October 4, 2022 at 12:28 pm #311622tikaramParticipant@beanboy182: Please remove the previous additional css and add the following css.
@media only screen and (max-width: 768px) { .has-header-image.home .custom-header-media, .has-header-video.home .custom-header-media, .has-header-text.home .custom-header-media { height:350px !important; } .custom-header .wrapper::before { background-image:unset !important; } }
Regards,
TikaramOctober 4, 2022 at 3:23 pm #311623beanboy182Participant@tikaram: thanks for the reply. I’ve done as you suggested but it has just gone back to how it was before.
October 4, 2022 at 5:06 pm #311625beanboy182ParticipantIt is now working, which is great. The logo is too big for the page title. Do you know of a way I can reduce the logo size please? I am completely useless and forever grateful!
October 5, 2022 at 1:43 am #311633SakinKeymaster@beanboy182: In the following CSS, you can adjust the width of the logo and then add it in “Appearance => Customize => Additional CSS” box:
@media only screen and (max-width: 768px) { .custom-logo { max-width: 125px; } }
October 6, 2022 at 12:33 pm #311665beanboy182ParticipantIncredible work! Thank you so much!!
October 6, 2022 at 5:33 pm #311669SakinKeymaster@beanboy182: Glad to hear 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/photofocus/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.
Regards,
Sakin -
AuthorPosts
- The topic ‘Hide header media on mobile’ is closed to new replies.