How do i make my sidebar fixed after the main nav moves?

Site URL: https://www.vincenthulme.com/

Hi,

I have implemented this CSS (see below) to moved the sidebar to the left in the Wells Template but every time I click on the main menu it shifts down.  What can I do so that gallery/image info doesnt move when I click on the main menu? 

.collection-type-gallery.hide-meta .meta {
   right: 0;
   bottom: 15px;
   left: 40px;
   width: 225px;
   max-width: 225px;
   background: auto;
   z-index: 9999;
 }

Thanks!

Try adding to Home > Design > Custom CSS

div#topNav {
    min-height: 250px;
}

great it works on the cover page, thank you! but when i go further into the website, for instance: https://www.vincenthulme.com/dale-the-male the bottom navigation changes width, is there any way to control for this and make it uniform?

13 hours ago, vincenthulme said:

great it works on the cover page, thank you! but when i go further into the website, for instance: https://www.vincenthulme.com/dale-the-male the bottom navigation changes width, is there any way to control for this and make it uniform?

 

 

I see fine here. Did you solve? If no, can you take a screenshot or video?

hi it still doesnt work, here is a screen recording

Screen Recording 2020-11-14 at 9.57.17 AM.mov