Now you can quickly identify issues and navigate directly to issue areas and easily optimize them.
Find the Site Checker under Tools in the top bar, and check it to make the panel visible on the right side of the editor.
Once you click Check Page, it automatically scans the entire page to find issues related to the different breakpoints, accessibility, security and much more.
Check your site pages and select the issues on the panel to fix and recheck or ignore them. When you want to deal with the ignored issues you can find them using the dropdown on the top left.
Click âLearn Moreâ in the description of the issue to learn why itâs important and how to fix it
Issues you can find and fix now with site checker: Page Issues :
Overflowing Content - Make sure elements donât overflow the edges of the canvas on any breakpoint.
Missing Header - Add a header section to each page of your site. Important for accessibility and SEO.
Hidden Element - Check that all elements are displayed on at least 1 breakpoint. Delete elements that are not in use. Keep your page clean so your site will perform better.
Adapt to Breakpoints - Edit the layout and design of site elements so they look good on every breakpoint.
Small Font - Make sure all text is large enough to read to ensure your site is accessible so that visitors can comfortably read your content.
Image Quality - Make sure the actual size of the image is bigger than its representation on the stage.
H1 Heading - Ensure that the page contains exactly one H1 text element.
No H1 Tag - Add an H1 heading tag to the page
Multiple H1 Tags - Remove additional H1 heading tags so each page has only 1.
Allow screen reader users to use keyboard shortcuts to navigate the heading structure. This is important for your site accessibility and SEO.
Default Content - Replace default media and links with original content.
Missing Link - Connect all clickable elements to a page or URL. Site Issues:
Exposed PII (Security) - Collections that contain PII and configured to allow anyone to read the data.
You have gotta be kidding me. Are you guys preparing for a major launch or something? Iâm almost tired of seeing all the updates, but keep em coming!
@lironm One bug to flag: elements with max-content set as their width very often generate overflowing content errors when the content isnât actually causing overflow.
So far Site Checker has been like a Manu Chao album. It tells you about all the problems but doesnât offer any solutions for resolving them.
For instance, it says there are breakpoint adaption issues, and to âedit the layout and design of site elements so they look good on every breakpoint.â Yeah no duh. But whatâs the actual issue here? Is it a scaling text problem? Is it the anchoring of the container? What is it exactly?
Maybe clicking âview issueâ will help, nope. Itâs like a mechanic pointing out that your car is making a funny noise. Yeah, Iâm aware, thatâs why I brought the car here. So why is it making the noise and how do we fix it? That would be actually helpful information.
Below is a screenshot of one of the site issues. Position? Looks centered to me. Size? Looks fine to me. So whatâs the problem then?
Hey @buckbowen , thanks for the feedback
The Site Checker shows many issues and also recommendations for users that are not familiar with breakpoints and didnât check them to make sure everything is adjusted.
For cases like yours, we added the option to ignore issues so you can focus on whatâs relevant to you.
I really appreciate your feedback and I agree that showing if your content is overlapping or the text is wrapped on lower breakpoints can be much more useful. I will share it with the team
Hi @jaiden , It works fine for me, not sure if itâs the max-content causing this. Can you please share more steps that you did or send me your site so Iâll check it?
Anyway, it looks like you have one element that creates this white gap everything to overflow.
If everything looks perfect on all breakpoints, you can set the sectionâs overflow content to âHideâ instead of âShowâ and it will fix the horizontal flow gap and will resolve all the Site Checker issues.
@lironm Thanks. As someone still trying to learn Editor X, Iâm not experienced enough to know if I should ignore the issue. Hence why having some âwhysâ would be helpful.
Good question and thanks for that insight. The issues brought up have explanations that you can click on and why it should be fixed and how it to do it.
@Rob Thanks for the reply. Please take a look at my original post and see the screenshot of the âissueâ in question. Itâs text centered within a section. It says thereâs a breakpoint issue, that it needed adjusting, but from the looks of it doesnât seem too big or small, so itâs not clear what or âwhyâ it needs adjusting. This was the point I was making about specific information. I donât want to just start hammering around an make things worse.
@buckbowen Got it. Will say from seeing the screenshot that does look hard to say why it needs to be adapted since only one breakpoint is shown (itâs one of the ones Iâve seen less often); generally itâs that it might be too large or wide on the other breakpoints. If it all looks good, you could always ignore it or if you do have it that way by design, all good.
Does seem Liron got the feedback so thanks for raising this.