Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 21, 2021 at 6:46 pm #1333677
    bluestare

    Hello,
    On two interior pages, I am displaying navigation in the left sidebar and also content in the right sidebar. However, the right sidebar (purple background) is not displaying to the full width of the sidebar on these two pages:

    Tasty To Go

    Contact Us

    Any insights as to why the sidebar space is limited?

    Thanks!

    December 23, 2021 at 2:58 pm #1333873
    Ismael

    Hey bluestare,

    Thank you for the inquiry.

    It only looks like the sidebar is cut off because of this css code, which applies a background to the sidebar container.

    .sidebar {
    background-color: #8e2851 !important;
}

    To fix it or to make it look like the background is completely covering the sidebar, you will have to adjust the width of the content and add a padding to the right of the sidebar container.

    .container .av-content-small.units {
    width: 67%;
}

.sidebar {
    padding-right: 50px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.