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

[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

Okay, here are the error messages:
http://tregreekboutique.com/zencart/...age=page&id=19


reference not terminated by REFC delimiter
If you meant to include an entity that starts with "&", then you should terminate it with ";". Another reason for this error message is that you inadvertently created an entity by failing to escape an "&" character just before this text.

reference to external entity in attribute value
This is generally the sign of an ampersand that was not properly escaped for inclusion in an attribute, in a href for example. You will need to escape all instances of '&' into '&amp;'.

reference to entity "id" for which no system identifier could be generated
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.

[dbltoe]

Just my 3.9 cents worth (inflation)

Using the w3c validator to look at the site, I think if you fix the things like the first one on the page, all the others (including the entity link prob will disappear.

This is a prime example of a few small coding mistakes really messing with the overall result.

[dbltoe]

And....

Looking at the first error, I would check to make sure that no one has entered

->

as a separator somewhere in the admin. Looks like maybe someone wanted an arrow pointing right.

Check admin --> Configuration --> Layout Settings where there are several chances for this to have happened.

[techiegirl]

And....

Looking at the first error, I would check to make sure that no one has entered as a separator somewhere in the admin. Looks like maybe someone wanted an arrow pointing right.

Check admin --> Configuration --> Layout Settings where there are several chances for this to have happened.

Okay, I identified where the right arrow --> was present and removed it.

Unfortunately, the previous errors were not resolved. The links for the EZ pages are automatically generated by Zencart right?