Title: Equalizing Sidebar
Last modified: November 6, 2020

---

# Equalizing Sidebar

 *  Resolved [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * (@lcokolat)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/)
 * How do I go about equalizing the sidebar menu? I want to run it all the way down
   in terms of lengths.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fequalizing-sidebar%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13627962)
 * Hi there,
 * Any chance you can unlock your site for people in Canada or UK to view?
 * That’s where we are located.
 * It’s really hard for us to provide a custom solution like this without seeing
   the setup.
 *  Thread Starter [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * (@lcokolat)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13631458)
 * [@leohsiang](https://wordpress.org/support/users/leohsiang/) – unfortunately 
   our IT department has set up the site in such a way that it’s only viewable to
   people in the U.S.
 * Best,
    Lora
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13631496)
 * Is there a chance to set up a staging site that’s opened for the other countries?
 * Then you can duplicate the existing site over so we can see the issue.
 * It would certainly help us to provide a custom solution.
 * Thanks.
 *  Thread Starter [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * (@lcokolat)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13646685)
 * [@leohsiang](https://wordpress.org/support/users/leohsiang/) – I’ve asked our
   IT office to unlock the site so you can view it. Please let me know if you can
   see the site now. My main issue is that I want the left-hand sidebar to run all
   the way down the page. I couldn’t figure it out with the GeneratePress theme.
 * Thanks so much,
    Lora
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13646731)
 * Try this CSS to sort of trick it:
 *     ```
       #left-sidebar {
           background-color: #006075;
       }
       ```
   
 * It’s not possible to extend the sidebar into the footer though.
    -  This reply was modified 5 years, 7 months ago by [Leo](https://wordpress.org/support/users/leohsiang/).
 *  Thread Starter [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * (@lcokolat)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13656811)
 * [@leohsiang](https://wordpress.org/support/users/leohsiang/) , this worked! Thank
   you soooo much!!!
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13656882)
 * No problem 🙂
 *  [virtuallibrarydepartment](https://wordpress.org/support/users/virtuallibrarydepartment/)
 * (@virtuallibrarydepartment)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13762089)
 * [@leohsiang](https://wordpress.org/support/users/leohsiang/), a quick follow-
   up question: the left sidebar menu extends as expected but when viewed on medium
   sized screens e.g. laptop it does not. It will work for large and small screens
   but not medium sized screens. Is there a way we can correct this? Take a look
   at this page: [https://student.sccld.org/student/](https://student.sccld.org/student/)
   on a smaller laptop and you’ll see that the left sidebar does not extend all 
   the way down.
 * Thanks,
    Lora
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13762584)
 * Hi Lora,
 * You have this css in simple css:
 *     ```
       @media(min-width: 1680px) { 
       nav .main-nav .mega-menu>ul>li:first-child { 
       margin-left: calc((100vw - 1680px) / 2); 
       } 
       nav .main-nav .mega-menu>ul>li:last-child { 
       margin-right: auto; 
       }
       ```
   
 * Perhaps you forgot to add a closing bracket `}` at the end?
 * This makes it so all the CSS below that only execute for screen width above `
   1680px`.
 *  Thread Starter [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * (@lcokolat)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13824947)
 * [@leohsiang](https://wordpress.org/support/users/leohsiang/) , this worked! Thank
   you and sorry for the late reply.

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

The topic ‘Equalizing Sidebar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

## Tags

 * [Sidebar Menu](https://wordpress.org/support/topic-tag/sidebar-menu/)

 * 10 replies
 * 3 participants
 * Last reply from: [lcokolat](https://wordpress.org/support/users/lcokolat/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/equalizing-sidebar/#post-13824947)
 * Status: resolved