• Hello,

    I am currently using my custom CSS, for my website https://www.runningtigerrecords.com

    #page {
    display: none !important;
    }

    #search-top {
    display: none !important;
    }

    #scroll-arrow {
    display: none !important;
    }

    nav#site-navigation {
    display: none;
    }

    body:not(.blog) #social-icons {
    width: 100%;
    position: absolute;
    top: 0;
    font-size: 50px !important;
    }

    #social-icons:not(.home) span{
    font-size: 20px !important;
    }

    div.header-image {
    background-size: 100% 100%;
    }

    Everything is how I like it but the size of the background header is not responsive to change size for a mobile version of the site. If someone can help me with either making the page responsive to to all media sizes or to just change the size of the header image for a when someone opens on a mobile/tablet.

    Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter mattpugs1993

    (@mattpugs1993)

    Also on the mobile version I would like to get rid of the bottom part under the header image, that shows a blank space.

    I want it to mimic the desktop version 100% with nothing but the image and social icons.

Viewing 1 replies (of 1 total)
  • The topic ‘Adjust Mobile Header Image Size’ is closed to new replies.