Sidebar pushed below content in an individual post (WordPress) - css

Everything is fine on the main page, but when I go into any individual post, the side bar is getting pushed off and showing up right down the button of the page (below the comments).
It's pretty obvious that there is some kind of sizing/width issue and I've played around with a lot of the widths in firebug but just can't seem to find where it's going wrong.
I'm new yo wordpress so clear steps to solve this problem are high appreciated
Thanks in advance for any help!
Link to single post: http://www.misslittletouch.com/2013/08/27/temporada-deco/E

I've just solved it.
Downloaded this plugin that fixed everything alone.
http://wordpress.org/plugins/twenty-eleven-theme-extensions/installation/

Related

Why Is My Wordpress Theme Losing CSS On Mobile?

I'm working on a Wordpress theme over at http://mbgb.co.uk/blog
Up in-till an hour ago all was OK, now however whenever accessing the site with mobile dimensions, the previous CSS has disappeared. I've tried going back to previous CSS but that's not working and to my knowledge I've not touched any other part of the build.
Any advice?
Thanks in advance.
I have checked the url you mentioned.
Found some weird tags.
Please open your website and view your page source(Ctrl + U).
Preferably in Mozilla Firfox. As there the errors will be highlighted.
Please see the attached screenshots.
Go through the page source and resolve the things that are making these occur.
Please check
Please check
Did you checked if there are css rules that make your CSS appear only for desktop screens? This could be only explainable reason.
I'd just left a tag out - one day I'll learn not to panic. Sorry guys.

Navigation Elements Not Working (Have never seen this before)

Thanks in advance guys. I tried searching for the solution but had no idea where to even begin wording it.
So I have a wordpress website . The navigation bar on the home page works for mobile and desktop but if you navigate to any of the sub pages that are available (blog, wedding registration) the nav bar items on desktop and mobile are rendered non clickable. Looking for some insight here. Never have I ran into this problem. I feel as if the click function is above the actual word, which makes zero sense to me.
Thanks in advance. Would post code but have no idea what I'm looking for.
It seems that your main content is covering your menu thats why your menu cant click.. Try adding z-index:10 in your header with class site-header.

fix type in wordpress so it locks to elements

hope someone can help, I'm a rookie with WordPress, recently made the jump from Joomla.
My client has asked me to put a phone number on every page, top right, I didn't know how to do this, so, with a little digging I found a plugin called 'custom header footer content' this has allowed me to put the phone number in using code within the plugin, however, when you resize the page it moves from left to right and I would like it fixed to be inline with the end of the navigation, any ideas?
I'm sure there must be a better/easier way to do this?
Any advice would be appriciated?
My site is http://xecution.co.uk/pure
Regards
Paul

Horizontal scroll - syntaxhighlighter

I was googling to find a solution for this forever, I was so close but still can't find the problem...
The closest solution I found was at this site But:
I want exactly the opposite of what this guy posted: Automatic line break in js SyntaxHighlighter
He wants instead of horizontal bar to break the code down, but what do I want is instead of breaking the code down, to display a horizontal bar.
I've used SH on multiple projects and never actually had this issue till now.
I've installed it in wordpress as a plugin in a custom theme, I modified the theme css file(s) and the syntax highlighter's file(s) (.css), but still nothing's going on.
Here's a screenshot
If you have any suggestion what the problem might be, please tell me - any help is appreciated.
I think what you are looking for is a combination of overflow and white-space css properties.
pre {overflow:scroll;}
.pre-wrap {white-space:pre-wrap;}
Please see the footle here

Sidebar pushed below content in individual post (Wordpress)

I'm designing a blog in Wordpress using the Thesis Framework and there is an issue that I just can't seem to find a fix to:
Basically everything is fine on the main page, but when I go into any individual post, the side bar is getting pushed off and showing up right down the button of the page (below the comments).
It's pretty obvious that there is some kind of sizing/width issue and I've played around with a lot of the widths in firebug but just can't seem to find where it's going wrong. I can't find a difference between the main page and post pages either.
Any help would be greatly appreciated! A specific solution would be ideal because I've already spent a lot of time tinkering with it to try and address the issue.
Thanks in advance for any help!
I had this problem as well with the thesis framework. I found two reasons where it produced a similar mistake on my blog:
The first reason is that the sidebar + content area is bigger than you container. That would make the sidebar go below the the content. Make sure also that the content of the sidebar is also smaller than the sidebar. I had a Facebook box in the sidebar that was bigger, thus pushed the whole sidebar below the content.
An other reason was a plugin that I had installed. If you have any plugins installed try and see if one of those is interfering with the sidebar layout.
If that doesn't work you can also post a snippet of the code so that I can look at it.
I often have this problem when editing a page in html (text) mode and forget a closing tag, most notably a . If using tables, a missing , or similar will cause this.
So, in brief, make sure all your opening tags have a corresponding close tag.
Make sure the html is syntax-error free. I had the same problem and the culprit was a wrong closing tag (<b/>)

Resources