[Resolved] Mobile site formatting

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 10 months, 3 weeks ago.

  • Author
    Posts
  • #5671

    skornstein
    Participant

    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

    #5673

    Andrew Misplon
    Keymaster

    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;
    }
    #5705

    skornstein
    Participant

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

    #5707

    Andrew Misplon
    Keymaster

    Awesome 🙂 Glad to hear that did the trick.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top