Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #286631
    w1ck
    Participant

    Hello,
    is it possible to change responsivity of header image to make it more visible on mobile phone? Not just the middle strip. I guess Catch Inspire pro have it right.
    Thank you. M.

    #286660
    Skandha
    Keymaster

    @w1ck: Hello there,
    Can you please post in your site URL so that I can look into the issue?

    Kind Regards,
    Skandha

    #286670
    w1ck
    Participant

    Sure, its vyneskos.cz

    #286754
    Skandha
    Keymaster

    @w1ck: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width: 700px) {
    	.custom-header .wrapper::before {
        	background-image: unset;
        }
        .has-header-media .custom-header-media .wp-custom-header img {
        	display: block;
        }
        .custom-header-content {
        	background-color: #000;
        }
    }

    Let me know if this solves your issue.
    Kind Regards,
    Skandha

    #286755
    w1ck
    Participant

    Thank you, but it is kinda weird. Can we fix that stripe at the bottom?
    The background-color is changeable okay, but that stripe is disturbing. Is that because of the image is repeated or .custom-header .wrapper:before is doing some bad things :].

    Anyway ty @Skandha

    #286800
    Skandha
    Keymaster

    @w1ck: Hello there,
    Can you please clarify which stripe you are referring to?

    Kind Regards,
    Skandha

    #286809
    w1ck
    Participant

    yes, its right at the bottom of black background.
    I’ve uploaded 2 screens, one from mobile phone and one from chrome devtools
    Screen 1
    screen 2

    #286837
    Skandha
    Keymaster

    @w1ck: Hello there,
    Please try using the following CSS Code.

    .home .custom-header {
        min-height: unset;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #286901
    w1ck
    Participant

    @Skandha its perfect! Thank you very very much!

    #286908
    Skandha
    Keymaster

    @w1ck: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/corporate-biz/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! 🙂

    Kind Regards,
    Skandha

    #286984
    w1ck
    Participant

    Hello, I would like to, but nothing happens when I click on “Add you own review” button. Also I can’t create topics here. :/

    #286999
    Skandha
    Keymaster

    @w1ck: Hello there,
    You will need to first create a wordpress.org account and then login to your account to be able to create topics or add a review.

    Hope this helps you out!
    Kind Regards,
    Skandha

    #287323
    w1ck
    Participant

    Hello again, thanks for wp account info, but I’ve found some bug or something in your css you gave me before. I’ve changed header photo recently and after that, when I load the page on pc in two monitors, one with 1920×1280 resolution and second with 1280×1920 resolution. I have only 2/3 of photo. Images to see included. Also its live on vyneskos.cz Can you help me?
    screen 3
    screen 4

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.