customize sidebars (width)

  • Resolved marcodurigon14

    (@marcodurigon14)


    3 years, 3 months ago

    Hello, can you help me customize the width of the sidebars? For example, I would like the left sidebar (menu) closer and leave more space for the central column (contents). Thank you
    md

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author PressMaximum

    (@pressmaximum)

    Hi,

    You can try to use this custom CSS code in Appearance > Customize > Additional CSS, to adjust the width of the main content and sidebars

    @media (min-width: 1200px) {
    #sidebar-primary {
        flex-basis: 20%;
        max-width: 20%;
    }
    #main {
        flex-basis: 60%;
        max-width: 60%;
    }
    #sidebar-secondary {
        flex-basis: 20%;
        max-width: 20%;
    }
}

    The total percentage should be 100%.

    Thread Starter marcodurigon14

    (@marcodurigon14)

    Thanks, the css is correct, but it is also applied in the internal pages where the sidebars are two (and where I have applied a specific css for the margins). Is it possible to correct the code so that it only applies to the home?

    Theme Author PressMaximum

    (@pressmaximum)

    Hi,

    If you want to apply the CSS code to the homepage only, please add the class .home before the selector, like this

    @media (min-width: 1200px) {
    .home #sidebar-primary {
        flex-basis: 20%;
        max-width: 20%;
    }
    ...
}
    Thread Starter marcodurigon14

    (@marcodurigon14)

    perfect! Thanks a lot
    m

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘customize sidebars (width)’ is closed to new replies.