Skip to content
Public Ticket #21646

Design

Conversation thread

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .is-sticky #navigation.header-6 #logo img {
        padding: 10px 0;
        max-height: 58px;
    }
}

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

1. If you want to apply the archive page, please add the following CSS code:

body.archive #header {
  margin-bottom: 55px;
}
2. If you want to hidden the sidebar for mobile device only, please add the the CSS code to your site:
@media only screen and (max-width: 767px) {
  .penci-sidebar-content {
    display: none;
  }
}

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

1. Please modify the CSS code like this:

.is-sticky #navigation.header-6 #logo img {
  padding: 12px 0;
  max-height: 80px;
}

2. Add this CSS code to your site:

body.single #header {
  margin-bottom: 55px;
}

3. How do the sidebar do you want to move on the mobile?

4. Please install the Disable Author Archives plugin here: https://wordpress.org/plugins/disable-author-archives/

Regards,
PenciDesign.




PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

#header {
    margin-bottom: 55px;
}
.is-sticky #navigation.header-6 #logo img {
    padding: 12px 0;
}
#navigation.header-6 .menu {
    float: left;
    margin-left: 30px;
}

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

Please send me your page URL.

Regards,
PenciDesign.


Want to join this conversation or access attachments? Sign in first.