Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #239442

    Hi,

    It seems to me that with this theme, the header doesn’t scale down properly when viewing on a tablet or mobile. Have I misunderstood what responsive design means, or have I done something wrong?

    https://www.billleeband.com

    Kind regards,

    Kevin

    #239513
    Skandha
    Participant

    @krcooke: Hello Kevin,
    Since the header image is used as a background the image will not be responsive on smaller screens.

    However, you can try using the following CSS Code.
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .custom-header .wrapper::before {
    	background-image:none;
    }
    .has-header-media .custom-header-media .wp-custom-header img {
    	display: block;
    }

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

    #242775

    Hi Skandha!

    Sorry for my slow reply, I didn’t get notification that you had. Thank you so much for the help. It has worked perfectly.

    The only other strange rescaling thing is the 5 photo gallery. To me it’d seem logical to either shrink the 5 photos right down to fit on one line, like on the desktop site, or… if the photos absolutely have to be shown on multiple rows, that they should anyway be of the same size as to not make one of the photos look more ‘important’. Please could I kindly ask for some help with this too?

    I hope you, the team and your families are all safe and well during this time of crisis.

    Kind regards,

    Kevin

    #243337
    Skandha
    Participant

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

    .blocks-gallery-grid .blocks-gallery-item {
        width: unset;
    }

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

    #243566

    @Skandha – It worked just fine! Thanks very much again, I really appreciate your support.

    #243645
    Skandha
    Participant

    @krcooke: Hello Kevin, 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/euphony/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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header Image Rescaling’ is closed to new replies.