Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #311554
    beanboy182
    Participant

    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!

    #311565
    tikaram
    Participant

    @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,
    Tikaram

    #311571
    beanboy182
    Participant

    Excellent! 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!!

    #311577
    Sakin
    Keymaster

    @beanboy182: Please post your site URL and then we can check for issues.

    #311617
    beanboy182
    Participant

    https://theoutstations.co.uk/

    Its 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.

    #311622
    tikaram
    Participant

    @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,
    Tikaram

    #311623
    beanboy182
    Participant

    @tikaram: thanks for the reply. I’ve done as you suggested but it has just gone back to how it was before.

    #311625
    beanboy182
    Participant

    It 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!

    #311633
    Sakin
    Keymaster

    @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;
        }
    }
    #311665
    beanboy182
    Participant

    Incredible work! Thank you so much!!

    #311669
    Sakin
    Keymaster

    @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

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Hide header media on mobile’ is closed to new replies.