Altitude-Pro Widgets not resizing correctly

[paul-d]

Hello All -

I am starting with a fresh, unmodified version of Altitude-Pro and I'm finding that the text widgets are not resizing appropriately. When I have two widgets they stack fine, but when i add a third one (which should have the first full width and widgets two and three split underneath), things do not work. Instead I get two full width with the third showing as a half. Adding a fourth only complicates matters. Can anyone shed any light or assistance my way please?

Thanks!

dev.linemate.net:8092

http://dev.linemate.net:8092

[paul-d]

Never mind - embarrassingly enough, this had to do with a missing tag in the HTML for a totally different section of the front page. If anyone runs into this issue again, double check ALL your HTML and make sure you were careful.

[t-west]

Hi Paul,

I'm having this exact problem and my HTML is at a beginner's level. Can you explain to me what missing tag I'm suppose to be looking for.

Thanks a million in advance 🙂 !

[Tom]

@t-west You can test for unclosed tags using a tool such as http://jona.ca/blog/unclosed-tag-finder

A link to your site would help also.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[t-west]

Hi Tom,

Thanks for the input. Where do I find the html?

The website is : http://www.obangkok.com

Thanks for the help

[Tom]

The HTML is the raw page output taken from your browser -- the page source code or browser source code. (It's often called simply 'source code' but, without reference, that can be confused with the actual source code of PHP, javascript, CSS, HTML, etc. that is written to produce the browser page or other functionality.) The 'page source HTML' from your browser will also include any directly output CSS and javascript but the code validator at the link provided will only check the HTML for matching tags.

You can view this HTML by choosing "View source" or "View page source" in your browser -- it's different by browser. In Chrome it's Ctrl-U or right-click and select "View page source". A new browser tab or window will open to display the actual code that the browser uses to render the page. Select all of that code and copy via Ctrl-C or right click and "Copy".

Go to this validator page and paste the code into the window provided, click "Submit". The test results will be displayed below the window.

For your home page the result is "Closing tag </h2> on line 48 does not match open tag on line 48."

The line numbers refer to the numbered lines of code from the browser source, but they can be off by a line or two here, so you may have to sift through it. In my browser your (first?) error is actually found at line 47: <div class="textwidget"><h2><strong>The "O" in Bangkok</h2> -- this requires a closing </strong>. By counting the opening (7) and closing (3) "strong" tags on that page it appears that you may have some additional cleanup to do further down the page. Good Luck!

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts