Resolved

Mobile site formatting

Puro Theme started by skornstein Dec 28, 2016 3 replies
skornstein Dec 28, 2016 · 7:59 pm #5671

Hi Andrew — Thanks again for all your help with the Puro theme. I love it. One question — my mobile site renders with some funny formatting. The logo is very small in the top left, and the menu icon in very close to the divider line, which looks a bit off. Is there any easy way to have the image large and to vertically center the menu icon in the header?

The site is here:
http://www.somethingsbrewing.com

Thanks for your help.

Sam

Andrew Misplon Puro Dec 28, 2016 · 8:11 pm #5673

Hi Sam

Sorry for the hassle with these two. Glad to hear the site’s coming along 🙂 Please, try the following in Custom CSS and let me know how it goes:

/* Mobile Logo */
@media (max-width: 768px) {
	.site-header .site-branding {
		max-width: 80%;
	}
}

/* Mobile Menu Icon */
.responsive-menu .menu-toggle {
    top: 15px;
}
skornstein Jan 2, 2017 · 6:46 pm #5705

That fixed it. Thanks again! Happy new year as well.

Andrew Misplon Puro Jan 2, 2017 · 6:59 pm #5707

Awesome 🙂 Glad to hear that did the trick.

4 posts