Decreasing content width more than 900px

  • Hi,
    I am using the full width layout for all my pages and I have the minimum allowed content width in the drop down list (900px). On a wide screen still seems very wide and it’s not comfortable to read. Is there a way to make is more narrow? Either by adding a CSS code or a pluggin? Tried searching the internet for that and I’ve tried few codes as well as some pluggins, but nothing seems to be working.
    Thanks,
    Joanna

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author satoristudio

    (@satoristudio)

    Hello Joanna,

    thanks for choosing Bento!

    You can try this custom snippet to decrease the content width: 

    @media screen and (min-width: 64em) {
.bnt-container { max-width: 800px !important; }
}
}

    Yet since the content width will also decrease for the menu and the footer, I’d recommend adjusting the side padding of the Text element of the Content Builder you’re using to hold the content.

    Thread Starter velianka

    (@velianka)

    Thanks!
    It all looks great, just like I wanted ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Decreasing content width more than 900px’ is closed to new replies.