Skip to main content

Fix The Dynamic Template Pop Out Sidebar In Place

Not every blog owner, who likes the dynamic templates, likes the docked sidebar - which pops out, only with the cursor properly positioned.
How do I get the sidebar to remain visible? Nobody knows where it is, with it hidden!
This blog owner is ignoring the need to use all horizontal screen space, effectively, when viewing the blog in some dynamic views.

However, if you really want the sidebar to always be visible, it's easy enough to make it do that.

To make the sidebar, in your dynamic template blog, remain visible, you just add one CSS rule.


So much empty screen space - but where's the sidebar?



There's the sidebar - much better! Magazine view has plenty of screen space, to dedicate to the sidebar.


Add one single line of CSS, using "Add CSS".

If you prefer the latter, use the "Add CSS" wizard, in the Template Designer Advanced menu - and paste the following single line of code.
#gadget-dock {position: fixed !important; right: 0px !important;}
Add a preceding / trailing blank line, if there are any rules already in "Add CSS". Copy and paste - then "Apply to Blog".

That's it. No mess, no fuss.

Where's the sidebar?


Hover the cursor in the "dock" area.


And, there it is!


Check all dynamic views, and make sure that it looks good.

But do test carefully, after applying this tweak. Look at Flipcard and Mosaic views - which are specifically designed to use all horizontal space to display all posts - and decide if you want the sidebar permanently blocking some posts.


This could be a problem, with differently sized photos, if your main view is Snapshot.



This is a problem, if your main view is Flipcard.


Other than the possibility of overlaying some content, this is a simple tweak. And like all "Add CSS" based tweaks, you can remove and re apply it, easily enough.

Note however that this tweak may not work, using custom redirects to block View changes. You may have to choose one tweak or the other.

Comments

Popular posts from this blog

Add A Custom Redirect, If You Change A Post URL

When you rename a blog, the most that you can do, to keep the old URL useful, is to setup a stub post , with a clickable link to the new URL. Yo! The blog is now at xxxxxxx.blogspot.com!! Blogger forbids gateway blogs, and similar blog to blog redirections . When you rename a post, you can setup a custom redirect - and automatically redirect your readers to the post, under its new URL. You should take advantage of this option, if you change a post URL.

Jump Break Is Visible Only In An Index Page

Some blog owners are unsure what a Jump Break looks like, when applied to their blogs. Occasionally, in Blogger Help Forum: Get Help with an Issue , we see the confusion. Where's the Jump Break? or I added a Jump Break to several posts, but it never shows up! When asked for a screen print of what they're seeing, they may provide a image of the post, in the Post Editor Preview window - or possibly, the published post, but in post page view.

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog . If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook . As noted above, please note my commenting policy . If you post a comment to this post , I will probably treat it as a "Contact Me" post . If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post , not here. This post is for general comments, and for non posted contact to me. If the form below does not work for you, check your third party cookies setting! For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken , or Nitecruzr Dot Net - Bloggin...