Funky problem

  • Can anyone look at my blog page and tell me why the right column is wrapping or moving to the bottom of the first column?

    I took all content out of that column and put one word in it, and it still does the same thing. So I don’t think it is anything in the sidebar causing it.

    https://www.scottveirs.com/blog/

    Also, I know it is too narrow that is something I will work on next after I fix this.

    The theme company that made it does not know. Also makes me think I should get a different theme if they can’t troubleshoot their own theme.

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

  • That’s likely due to an extra closing div tag — see the error around line 674:

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.scottveirs.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    It may be in your content or a plugin or the theme files.

    https://codex.www.ads-software.com/Validating_a_Website

    You’ll likely want to clear up some of the other errors as well.

    Thread Starter sdveirs

    (@sdveirs)

    Does anything think this is something I might have done, or sloppy coding from the guys that made the theme?

    Input appreciated.

    Phil

    (@owendevelopment)

    Their demo looks ok to me so I think it’s something you’ve done afterwards.

    To help steer you, looking at the structure of their demo:

    <div class="container">
   <div class="row">
      <div id="content" class="eight columns">
      <div id="sidebar" class="four columns">

    you see their sidebar is inside the ‘row’ div, and this itself is inside the ‘container’ div. Now, looking at your current structure…

    <div class="container">
   <div class="row">
      <div id="content" class="eight columns">
   </div>
 <div class="post_container">
 <div class="post_container">
 <div class="post_container">
 <div class="post_container">
 <div class="pagination">
</div>
<div id="sidebar" class="four columns">

    Your sidebar is not only outsite the ‘row’ div, but outside the ‘container’ completely – it needs to be directly after the closing ‘content’ div.

    What is useful is downloading ‘firebug’ plugin for firefox and it can show you where errors like this occur. I couldn’t live without firebug now!

    Hope this helps.

    Thread Starter sdveirs

    (@sdveirs)

    I could understand that if I modified code, but I only used the widgets that came with it. I did not add any code except links to outside information such as the FB and Crossloop things you see posted.

    Could I have still made this shift happen if I did not touch the code?

    Thanks Phil!

    Thread Starter sdveirs

    (@sdveirs)

    I use Chrome, but will see if I can get Firebug for it. Thanks for the tip.

    Phil

    (@owendevelopment)

    Chrome is pretty good too, you can right-click on something, then ‘Inspect element’ – it does a good amount of the firebug stuff.

    Sounds like you haven’t made any modifications to the theme, so why not try installing a fresh copy of the theme again.

    Are you using ftp?

    Thread Starter sdveirs

    (@sdveirs)

    I use BlueHost – and I could just go into the WP panel and download the theme again that way. I also have a control panel file manager. If I had to I could FTP, but I went with BlueHost so I could just have a one click install at the time.

    Thanks again,
    Scott

    Phil

    (@owendevelopment)

    What I would do:

    1. Switch to default Wp theme (twenty twelve)

    2. From control panel, rename ‘business-lite’ to ‘business-lite-OLD’

    3. Reupload fresh copy of business-lite from WP.

    4. From WP admin, switch to new fresh theme and check if issue is still there or not.

    Hosting control panel is great, but much quicker using FTP and simplifies everything.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Funky problem’ is closed to new replies.