Reply To: Header Alignment & Element Padding

[Tom]

Hi there,

1. Interesting – I wouldn’t do this by default as people might be angry that their widget disappears – or maybe this would be preferable? I don’t know.. It’s definitely doable with the following CSS:

.nav-float-right .header-widget,
.header-aligned-center .header-widget,
.header-aligned-right .header-widget {
      display: none;
}

2. This topic may help to move the header widget below the logo: http://generatepress.com/forums/topic/is-it-possible-to-make-header-widget-display-below-logo-on-narrow-screens/

3. You can with your custom CSS, you can also applied padding to the element on mobile only:

@media screen and (max-width: 768px) {
      .inside-header {
            padding-left: 20px;
            padding-right: 20px;
      }
}