Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #159623
    adeptvisuals
    Participant

    adeptvisuals.com

    On mobile, the header bar is nearly half the screen. Is there a way to have that shrunken a lot for mobile only?

    Also is there a way to reduce the site logo size? I think that may be part of the issue.

    Thanks

    #159656
    Skandha
    Keymaster

    @adeptvisuals: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width:64em) {
    	.site-branding {
    		padding:0 !important;
    	}
    	.custom-logo {
    		margin:0;
    		max-width:100px;
    	}
    }

    Let me know if this is what you want!
    Kind Regards,
    Skandha

    #159705
    adeptvisuals
    Participant

    Thanks a ton. For the most part it worked. I still don’t see much of the header image on mobile though. If there is a way to make that happen it would be awesome. If not, then oh well.

    THanks

    #159768
    Skandha
    Keymaster

    @adeptvisuals: There seems to be an issue with the header image on iPhones. I will look into the issue and get back to you soon.

    Kind Regards,
    Skandha

    #160618
    Skandha
    Keymaster

    @adeptvisuals: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media handheld, only screen and (max-width: 668px) {
        #fullpage .section{ 
         	background-attachment: scroll;
        }
    }

    Let me know if this solves the issue on mobile phones.
    Kind Regards,
    Skandha

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘how to make the header bar smaller on mobile’ is closed to new replies.