Page Layout Shift When User Account Is Logged In

[techiegirl]

I am currently testing a client website, http://www.tregreekboutique.com/zencart, and have noticed when logged in with a test account I created and continuing to navigate or shop the main content of the page shifts to the left and throws some images out of whack.

I'm not sure what could be causing it, since it only happens when a customer is logged into their account. Otherwise the layout is fine.

Has anyone else run into this issue at all or know what the issue could be? If so, what was the cause and solution?

Thanks!

[dbltoe]

I would start looking at html errors. You have 55 warnings on the main page and 43 on the login where the shift first appears.

Many appear to be attempts to hard code what could have been fixed in the CSS.

[techiegirl]

I would start looking at html errors. You have 55 warnings on the main page and 43 on the login where the shift first appears.

Many appear to be attempts to hard code what could have been fixed in the CSS.

Thanks for the heads up. Not sure what was hard coded (other than my EZ pages), but hopefully I can figure out what the issue is.

[dbltoe]

"Someone" has apparently tried to comment out things like navMain and the breadcrumbs on the main page.

First of all, breadcrumbs are controlled in the admin menus.

divs can be set to display: none; in the CSS.

Using <!-- commenting out --> can often be confusing in a php-generated html. As happened on your main page, a beginning <!-- or ending --> is often forgotten or dropped.

Also, if a <br class="clearBoth" /> is in a file, I would think four times before commenting it out. Shifting errors in browsers are often the result of some setting "hanging on" longer than it should.

Trust what's there, add what you need, test often.

I don't know if premium has any connection with TM, but they look like they're at least trying to follow in their footsteps

[techiegirl]

"Someone" has apparently tried to comment out things like navMain and the breadcrumbs on the main page.

First of all, breadcrumbs are controlled in the admin menus.

divs can be set to display: none; in the CSS.

Using <!-- commenting out --> can often be confusing in a php-generated html. As happened on your main page, a beginning <!-- or ending --> is often forgotten or dropped.

Also, if a <br class="clearBoth" /> is in a file, I would think four times before commenting it out. Shifting errors in browsers are often the result of some setting "hanging on" longer than it should.

Trust what's there, add what you need, test often.

I don't know if premium has any connection with TM, but they look like they're at least trying to follow in their footsteps

I'm in the process of going through and correcting the validation errors. The shifting issue I was having has been resolved!

I did run into one issue that I'm not sure how to resolve. I have several EZ pages that I link to, but there seems to be an error with the specific EZ page links. For example, clicking on the "Get Social" image located on the top right of the website, the link is http://tregreekboutique.com/zencart/...age=page&id=19 takes you to the Get Social page, but there is an error about an "entity being defined" in the validation report.

Any idea on what this means?

Website: http://www.tregreekboutique.com/zencart

Thanks!

[dbltoe]

We'd probably need to see the whole statement, but maybe this will help,

http://tinyurl.com/39yee3x