Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #281221
    Courtney Holland
    Participant

    Per the suggestion in the description, my header media for my landing page is 1920 x 1080. The desktop viewing of the landing page is fine, however when I try to view the landing page on my mobile device or tablet, 3/4 of the header (including the name of the business) gets cut off.

    The only recent workaround I’ve found is to turn my device landscape, but I can’t assume that other end users will be as instinctive as me.

    Are there any fixes for this? This theme has cause more harm than it has good. I’ve been up for at least 12 hours trying to create work-arounds for all of the inconsistencies that are built into this theme.

    #281239
    Skandha
    Participant

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

    Kind Regards,
    Skandha

    #281273
    Courtney Holland
    Participant
    #281338
    Skandha
    Participant

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

    #wp-custom-header img {
        display: none;
    }
    .custom-header .wrapper::before {
    	background-position: left top !important;
    }

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

    #281977
    Courtney Holland
    Participant

    Didn’t work — image here

    #282250
    Skandha
    Participant

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

    .custom-header .wrapper::before {
        background-image: unset;
    }
    #wp-custom-header img {
        display: block;
    }
    .custom-header, .top-playlist-enabled.has-header-image.home .custom-header-media, .top-playlist-enabled.has-header-video.home .custom-header-media {
    	height: auto !important;
    }
    .has-header-image .custom-header-media .wp-custom-header img {
    	position: relative;
    }

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Audioman Pro Header Media Not Responsive with Mobile’ is closed to new replies.