Full Width Attribute Sidebar Area

  • Resolved johnnymorriswp

    (@johnnymorriswp)


    10 years, 1 month ago

    Hi,

    Great theme, thanks.

    Following the recent theme update the full-width page option continues to remove the sidebar itself but does not remove the sidebar area from the right hand side (in laptop-size screens) i.e. the content area covers only the same width of the screen as it did when there was a sidebar.

    I am sure it did not do this before as I have a portfolio Plugin that, on a laptop screen, previously showed 3 columns and now only shows two columns and a gap.

    As an interim solution I have re-inserted the sidebar but would prefer to have the full width content area available again.

    Any help appreciated.

    Thanks

    Johnny

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

    (@silkalns)

    Johnny,

    Please post your website URL for review.

    Maybe you have a Child Theme that overwrites theme default functionality that was created before this update?

    Thread Starter johnnymorriswp

    (@johnnymorriswp)

    Hi Silkalns,

    Thanks for your speedy response.

    The URL is – https://johnnymorriswp.co.uk/

    I have taken the sidebars off the home and portfolio pages and set them to full-width so you can see.

    I am indeed using a child theme – content of CSS file below. This was the case before the update when the full width content area showed full site width.

    Johnny

    `/*
    Theme Name: Johnny Morris WP
    Description: Child theme for the sparkling theme
    Author: Johnny Morris WP
    Template: sparkling
    */

    @import url(“../sparkling/style.css”);

    .entry-meta {
    display: none;
    }

    .author-bio {
    display: none;
    }

    .navbar-default .navbar-nav .active a {
    font-weight: bold;
    }

    @media (max-width: 768px) {
    .footer-widget {
    padding-top: 20px;
    }
    }

    .navbar > .container .navbar-brand {
    color: #ffffff;
    }

    .page-id-346 h1.entry-title {
    display: none;
    }

    .button-block {
    display: none;
    }

    .element_1 .button-block {
    display: none;
    }

    Theme Author Silkalns

    (@silkalns)

    Not sure that have gone wrong but the wrong class is being applied for that page. You can just fix this via custom CSS.

    You can add this co Child Theme `style.css or inside Custom CSS field that you can see in Theme Options – Other.

    `.home #content {
    width: 100%;
    }

    Thread Starter johnnymorriswp

    (@johnnymorriswp)

    Thanks, I added and it worked. For the benefit of others searching this forum I had to also add the same fix to my portfolio page using the page id i.e.

    .page-id-xx #content {
 width: 100%;
}

    Thanks for your help Silkalns

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Full Width Attribute Sidebar Area’ is closed to new replies.