Support » Theme: Storefront » Storefront Powerpack

  • Resolved pantsman28


    After several hours trying to fix the header section of this website to only find StoreFront Powerpack plugin is the culprit.

    In Powerpack > Header > The Customizer Header pretty much breaks the header in mobile view for devices like iphones 6 and ipads.

    Anyone else noticed?
    Anyone with a fix?

    Looking at the site in responsinator there is a large white gap at the top, in lansdcape mode and logo doesn’t resize. It just look ugly.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi, are you referring to the white space at the top when the browser width is between ~610-780 pixels wide?

    Thread Starter pantsman28


    It seem to effect most mobile states below 780px.

    I have been testing on the staging site
    Which looks ok on portrait view but looks terrible on landscape view. The logo doesn’t resize and the secondary nav drops to 2 lines.

    I reduced the #page padding

    .home #page {
     padding-top: 10px!important; 

    I also found this snippet from an earlier tread.

    @media screen and (min-width: 768px) {
    	.site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link{
    		width: 35% !important; /* Adjust this percentage up or down to make the logo larger or smaller. */

    But this doesn’t seem to help.
    It just doesn’t work at the moment and there seems to be a lack of support for this plugin, and surely I can’t be the only experiencing this problem?



    Automattic Happiness Engineer

    Hey @pantsman28 if you’re looking for help with Powerpack, please contact us at > My Account > Tickets.

    Please include a link to this forum thread, so that we can keep track of what’s already been done.

    We will be able to help you further there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Storefront Powerpack’ is closed to new replies.