Header resize for Mobile and tablet/iPad

Home Forums Freedom Free Header resize for Mobile and tablet/iPad

This topic contains 6 replies, has 3 voices, and was last updated by  ashishsthanp 2 months, 2 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1314397

    kris.mento
    Participant

    Hi

    I really don’t like the way my header is being resized for mobile and iPad/tablet devices, but its perfect for desktop view. How can I make the header appear larger on mobile devices? I don’t mind the sides of the image being cut off in order to make the header appear larger because the heading text is in the middle of the graphic.

    I hope you can help.

    Regards,
    Kris

    • This topic was modified 2 months, 3 weeks ago by  kris.mento.
    #1314468

    ashishsthanp
    Moderator

    Hello, @kris.mento

    Can you provide us URL of your website so that we can inspect it and give you a proper solution?

    Regards,
    ThemeGrill Support Team.

    #1314712

    kris.mento
    Participant

    Hi @ashishsthanp

    Thank you for replying to my query.

    I’ve disabled the maintenance mode on my site so you can have a look (the site is still under construction at the moment): http://www.kris513.co.za . Another thing I noticed is that no navigation menu appears in the mobile view, which is a BIG problem. Please can you advise on this as well.

    Regards,
    Kris

    #1315065

    kris.mento
    Participant

    Hi

    I’m not sure how long you guys usually take to reply, but can someone help me please? My site is literally on hold while I wait for help.

    Regards,
    Kris

    #1315182

    Hi, Kris

    Hope, you haven’t waited long. We are off on Saturday and Sunday. We really apologize for not being able to reply you back.

    Please add this code into Appearance -> Customizer -> Additional CSS

    @media only sreen and (max-width: 768px) {
      #wp-custom-header .header-image-wrap {
        background-image: url(https://www.kris513.co.za/wp-content/uploads/2017/04/Kris513creative-header-3.jpg);
        height: 90px;
        background-size: cover;
        background-position-x: 47%;
      }
      
      #wp-custom-header .header-image {
        display: none;
      }
    }

    Don’t forget to reply back to this topic if you have more queries.

    Best Regards
    Sanjeev Shrestha
    ThemeGrill Support Team

    #1315203

    kris.mento
    Participant

    Hi!

    Thank you so much for your reply. At first the code was not working, but then I realised that you left a ‘c’ out of the word ‘screen’ in the code above. Now the header is displaying perfectly! 🙂

    Thank you so much! You guys are awesome!

    Another thing I noticed is that no navigation menu appears in the mobile view, which is a BIG problem. Please can you advise on this as well. Or do I need to create a new ticket for this query??

    Regards,
    Kris

    #1315350

    ashishsthanp
    Moderator

    Hello, @kris.mento

    This might be caused by plugins you’re using.

    So, you can try deactivating plugins one by one and check if your issue resolves.

    If it still persists, please let us know again.

    Regards,
    ThemeGrill Support Team.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.