[adeptvisuals]

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

[Skandha]

@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

[adeptvisuals]

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

[Skandha]

@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

[Skandha]

@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

[Author]

Posts