Help! I broke the sidebar scrolling mechanism

10 posts from 4 voices

• Started 1 year ago by nyct
• Latest reply from Devin
• This topic is not a support question

Tags:

No tags yet.

1. 

   nyct
   Member

   OK. I've been customizing the CSS quite a bit to my heart's content. Everything's been successful and I've been rolling along with this theme, however the left sidebar/main menu originally stayed on screen when you scroll down any page and I've just realized that it no longer functions that way. I'm not sure at what point this happened, but it wasn't any recent customization I've made.

   Please tell me there is a bit of code I can re-paste back in to make it work like it's intended?

   Thanks again for all the help...

   Posted 1 year ago #
2. 

   Mya
   

   Hi nyct,

   Sounds like you removed position: fixed; from .sidebar. Can you post a link to the website so we can take a look just to be sure? If not, check your custom.css for .sidebar.

   This is the default code for .sidebar:

   .sidebar {
   margin: 0;
   position: fixed;
   padding:50px 0 0 0;
   width:220px;
   height:100%;
   left:50px;
   top:0;
   }

   Regards,
   Mya

   Posted 1 year ago #
3. 

   nyct
   Member

   hi Mya. Looks like I still have the default code for .sidebar as you've listed.

   however i adjusted .sidebar.sidebar_absolute to this:

   .sidebar.sidebar_absolute{
   left:0;
   position: fixed;
   }

   and that seems to do the trick. not sure if that messes with anything else?
   i'd post a link to the site just to double-check but i'm building off a local host as we have currently have a drupal install live on our site :P

   thanks!

   Posted 1 year ago #
4. 

   Devin
   Moderator

   Just let us know when you get the site live if you get any additional errors :)

   Regards,

   Devin

   Posted 1 year ago #
5. 

   nyct
   Member

   thanks. could i ask one more sidebar related question here? i'm trying to have the sidebar span the entire length of the browser vertically. so its essentially white from top to bottom. can't figure out how to accomplish that...thanks again. appreciate all the guidance.

   Posted 1 year ago #
6. 

   nyct
   Member

   i solved that last question...

   Posted 1 year ago #
7. 

   Devin
   Moderator

   Glad you were able to figure it out :)

   Let us know if you have any others,

   Regards,

   Devin

   Posted 1 year ago #
8. 

   a2ic
   Member

   I seem to have done the same thing although I haven't been mucking with the custom .css. I've been using the One Page Portfolio builder with great success. It seems that as I added the sixth page section the sidebar started scrolling again instead of staying fixed. I tried your solution above with no success.
   http://www.a2ic.org.

   Posted 6 months ago #
9. 

   a2ic
   Member

   Interestingly I think I found the issue - I was trying to place a widget in the second column of a column element. It prompts me to type in a name - I guessed at Coalition Latest Portfolio - so I entered that and poof the scrolling broke.
   I've resolved the scrolling issue but I cannot for the life of me get any slideshows or widgets to work. Is there any detailed documentation available to give me a few walk-throughs on how to do that?

   Posted 6 months ago #
10. 

    Devin
    Moderator

    Hey a2ic,

    The css and this topic is not for the Coalition theme but instead for Flashlight. While similar, they aren't quite the same needs and code.

    I don't know why your sidebar has suddenly changed but you can force it to stay fixed by adding the following to your Quick CSS:
    

    .sidebar {
    position: fixed !important;
    }

    Regards,

    Devin

    Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.