How To Move Sidebar To Right Edge Of Template

  • Resolved candatsystems

    (@candatsystems)


    8 years, 8 months ago

    Hello,

    I have built a nice new website using wordpress and it works great. I have having a template formatting issue with the standard sidebar that I cannot figure out. Please see the example page below.

    https://www.bookingscentral.com/theme-vacation-packages/ski-snowboard/

    When I choose default template, the sidebar appears (has rectangle graphics for expedia, booking.com etc…) and that is great but the sidebar is indented from the right side of the main template content a bit as you can see. How do I make the sidebar show up at the right edge of the template so it maximizes the available space for the main content?

    I tried using CSS to move the sidebar over and that worked but the main content did not expand. I need to have the sidebar move over to the right edge of the template and allow the content to expand to match.

    Any help would be great.
    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,
    Try this. However, you will need to address the other breakpoints in your theme.
    I hope it get’s you started down the right path.

    @media (min-width: 1200px)
    .span4 {
    width: 20%;
    }

    .span8 {
    width: 75%;
    }

    .sidebar .widget {
    margin-bottom: 50px;
    float: right;
    }

    }

    Thread Starter candatsystems

    (@candatsystems)

    Hello,

    Thanks, I figured it out. I added this to the Cherry Framework extra CSS section via the control panel under Cherry Options.

    @media (min-width: 1200px) {
    .row {
    margin-left: -30px;
    *zoom: 1;
    }

    .span8 {
    width: 870px;
    }
    .span4 {
    width: 260px;
    }
    }

    So now It works good when looking at the website on a computer.

    Thanks ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How To Move Sidebar To Right Edge Of Template’ is closed to new replies.

Tags