Customization Tips

Let's advance your theme's functionality.

Enable Sticky Sidebars

Because this is a sought-after feature, the GP team doesn’t have this option available. However, with the following CSS option, you can enable a sticky sidebar.


Click on the COPY button to copy the following CSS code.

@media(min-width: 769px) {
    .both-sidebars .site-content {
        display: flex;
    #left-sidebar, #primary, #right-sidebar {
        left: unset;
    #left-sidebar {
        order: -1;
    .inside-left-sidebar, .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 100px;


Then go toAppearance > Customize.

Appearance Customize v1


Once you click on Customize, you will be taken to your home page and presented with the Customization menu.

Click on Additional CSS.

Additional CSS v3


Within Additional CSS, copy and paste the code here.

html {
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
Additional CSS Copy Paste v1

Final Results

This is what the final results would look with the sticky sidebar on single post.

Sticky Sidebar v1

Leave a comment