[Resolved] Mobile site formatting

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 1 year, 11 months ago.

  • Author
  • #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:

    Thanks for your help.



    Andrew Misplon

    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;


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


    Andrew Misplon

    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