Layout issues since recent update

Hi Since a recent update the layout of my Home page at www.modburyteam has become corrupt.

  1. Under the Team Events and Services Section, there is a section that is not appearing.

  2. there are two rows of 3 blocks. The left and right of these two rows were also aligned with the sections above, but are bow aligning much wider.

Can you advise me please as to what may have happened. Many thanks

Alex

Hi Alex,

Thanks for writing in!

1.I have checked under Team Event and Services section I see it’s loading fine.

2.The second issue should be the following section.

Could you please try clearing full cache by following this guide (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/) and re-test your issue again.

If you’re still having issues, please provide us with your WordPress login credentials in a secure note to check your issue further.

Thanks!

Hi Thanks for the post. I am still having issues and I have also tested in various browsers.

I have added a secure note for you. Very many thanks for any help

Alex

Hello Alex,

I have checked your site and it seems that there are broken html added on the page. I would recommend that you temporarily disable MEC plugin and test your site again.

I also noticed that you are using Text element to insert your shortcode. I would not recommend text element because it will automatically format the text contents adding <p> and <br> tags which might messed up the layout. Please use the content area element in inserting the shortcodes instead.

I also noticed that you are using recent post shortcode. Please be advised that we do have recent posts element. Using this element will element any unnecessarily html tags generated by the container of the shortcode especially if you are using the text element.

Hope this helps. Please let us know how it goes.

Hello and thanks again for your help

I have sorted the two issues with content and recent posts - thank you for advising me.

On the main issue, when I disable MEC the rest of the page works OK and as expected. However when i re-enable it, I see the problem again. I have also noticed that according to the dashboard I am using version 4.1.0 of MEC, is this right?

Many thanks for your continued help

Alex

Hello Alex,

Yes, the latest support version of MEC is 4.1.0. Please make sure that you are up to date.
If the issue still exists, then this could be a bug in the latest release which affects the rest of the layout.
When we confirm that this is a bug, we can inform the creators of this plugin to let them know about this issue.

Please let us know how it goes.

Hi again

I see that I also have an issue on url https://www.modburyteam.org/modbury-church/

I can confirm that as far as I can see all of my plugins etc are up to date

Thanks

Hello Alex,

In the mentioned page, you added incorrect html code in one of your classic slider.

<a href="https://www.modburyteam.org/worship-with-us/"><img src="https://www.modburyteam.org/wp-content/uploads/2018/09/worship2.jpg" alt="Varies Worship">

You forgot to close the html tag. Please correct it and make sure that you are inserting the correct html codes.

Meanwhile, did you added </br> tags in the MEC event titles?

Daily Prayer:</br>Book of Common Prayer

The correct code should be:

Daily Prayer:<br/>Book of Common Prayer

or this could be valid too:

Daily Prayer:<br>Book of Common Prayer

Best Regards.

Hello

Thanks again for your help. However, the original issue still remains i.e. on the home page the two rows with Classic Recent Posts, are misaligned and i cannot see why?

Also on the page https://www.modburyteam.org/modbury-church/ the Classic Recent Posts (Amazing Spaces and Welcome to our church) are also mis-aligned.

I would say that when I preview them within Pro, they are showing as correctly aligned.

Any ideas what is causing this please?

Very many thanks

Alex

Hi Alex,

There are too many broken elements in your page in which affects the other layout of your page. You can see it here https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.modburyteam.org%2Fmodbury-church%2F. You may also check other related thread https://theme.co/apex/forum/t/glitch-in-cornerstone-column-width/54003/2

For example, let’s take the first broken HTML error from that

And here it goes,

It’s coming from the second slide of your slider, you haven’t closed <a> so the tool shouldn’t expect </li> as its closing element, but should be </a>. The correct content should be this

<a href="https://www.modburyteam.org/worship-with-us/"><img src="https://www.modburyteam.org/wp-content/uploads/2018/09/worship2.jpg" alt="Varies Worship"></a>

Sometimes, fixing one error also fixes the rest since a single broken HTML could cause multiple and chain of errors.

Cheers!

Hi Rad

Thanks you for your help. I have checked the html on the slider and as far as I can see it is correct.

However, the problem seems to be with MEC. On the Modbury-Church page, if I remove the “Whats on” MEC Shortcode, all the rest of the formatting is as expected.

Likewise, on the Home page, if I remove the MEC Shortcode then all the rest of the formatting is OK.

Perhaps you might like to try and see for yourself. I don’t know why this would be.

Hi Alex,

The screenshot I’ve taken is directly from your site’s slider, and it doesn’t have </a>. And it’s just one of many, we’ll surely get into MEC once those other issues are fixed. Please remember it has multiple HTML issue, one issue could negate another issue that’s why it appears works when MEC is removed. That’s just my assumption for MEC, but we’ll never get to the bottom of it if there are other issues before it.

And by checking it, you only fixed the issue that I provided. Again, that’s just one of many and please check the threads I provided as it will help you find other issues. Here is another issue,

The 43 error appears to be near <!-- #tablepress-11 from cache --></p>. I went ahead and deactivated the cache feature. You shouldn’t be using multiple cache plugin or feature, it’s overkill. Now the cache is inactive, I checked again with that tools and the error remains, which means it’s not caching plugin issue, BUT, tablepress cache issue so I deactivated the plugin hence, upon rechecking the tool again, the new error is

And it’s related to this from the last text element

<p>
[google_map_easy id="1"]

It’s a trial and error troubleshooting, it’s a chain of fixes. I only demonstrated how it’s done so I activated those plugins again.

But I went ahead and tested the MEC, and it has broken HTML content too. It pushes other contents outside their columns due to its broken HTML content. Let me know once you fixed all those HTML errors then I’ll check the MEC related issue. And it may need check MEC templates so please provide your FTP login credentials as well.

Thanks!

Hi Rad
Once again thanks for your input. I am extremely puzzled.

The web site was created using Pro and elements created from ‘drag and drop’ we have very, very little coding, other than where we edit text etc. I accept that we omitted a

on the second slide of the Classic Slider, but this has been rectified and the issues still remain. I would also mention that the site has worked quite happily for many months now with the formatting as we wanted it, until a recent update to MEC.

I looked at the Validator without changing and yes I can see all of the errors you mention, and when I looked at the source I could see all of the errors at line 300 However, we did not code those, they could only have come from elements added then possibly deleted?

However, I then removed the shortcode [MEC id=“20793”] from the page, and not only did the formatting return to how we expected it, but when I ran the Validator again, the errors had gone. Surely this means that there is an issue with the MEC Shortcode, but since that hasn’t been changed in months, it leads me to believe that the problem is connected to the update of the MEC plugin.

I am happy to try and correct any further errors, but could I ask which tool you feel is best to edit the page from within a browser?

Thanks

Alex

Hi Alex,

It was due to element’s content and not because of the dragged and dropped elements. Even with HTML content, it still has code. The procedure was just to fix all those issues and narrow it down, I’m not saying fixing one will not fix them all, it’s just a possibility.

And again, please check those threads, not all errors need fixing, only those that break the layout.

In that case, I’ll continue checking with MEC, I hope I could get FTP credentials as requested :slight_smile: as I’m too isn’t sure what’s happening on that area and it stll need investigation. I couldn’t provide any recommendation to something I can’t check :slight_smile:

Thanks!

Hello Rad

Apologies the ftp credentials are the same as given in the original secure note. the url is ftp.modburyteam.org

Thanks

Alex

Hi Alex,

The FTP credentials aren’t working, tried plain FTP and SFTP and it’s not working, but I’m able to connect through FTP over TLS, it’s not just won’t continue. Is there any special instructions how to connect to your FTP?

Thanks!

Hi Rad

I have recreated the account and put the credentials in the secure note. It works OK for me over Safari

Thanks

Alex

Hi Alex,

It appears to be MEC bug, but only specific to your setup as I can’t reproduce it on my end. But I installed the older copy and it should be working now. I’ll continue investigation on my end.

Thanks!

RAD

Thank you SO much for all of your help on this issue it is very much appreciated. Brilliant support as always !

Alex

You’re welcome, Alex. Glad we’re able to help.