Updated to X 5.1.1 and WP 4.8.1 - site broken

Support
#1

Hi!

I haven’t given my website any love in quite a while. I just updated WP and all plugins and now the site looks crap. I assume I’m not alone having experienced this…

I put a temporary startpage for now.
Normal start page: http://www.markusp.se/fotograf-orebro-2/
Gallery page: http://www.markusp.se/reklamfotograf/

CSS seems to be working pretty bad, everything listed on top of each other. No settings like hide section based on screenwidth works. Columns don’t work.

What I have done after updating:
Cloudflare - emptied all caches and deactivated plugin
Autoptimize - emptied all caches and deactivated plugin
W3 Total cache - emptied all caches and deactivated plugin

Any ideas? Some of pages were originally built in Visual Composer, before Cornerstone even existed. Then I rebuilt most of it in Cornerstone. Maybe it’s time to rebuild it all again and get rid of all the old junk?

#2

Here are some of my issues:

  • Main menu not centered
  • Columns does not seem to work
  • The page does not look as it should in Cornerstone. The content is there but it is all stacked on top of each other.
#3

Hey there,

This is due to optimization. I understand that you cleared caches and deactivated optimization plugins, there might still be some left over things modified by optimization that are still being used. For example, your CSS http://www.markusp.se/wp-content/themes/x/framework/css/dist/site/stacks/renew.css does not have the column selector. The CSS in my test site is complete.

Would you mind disconnecting your site from Cloudflare and completely remove your caching plugin? Please see http://www.kentooz.com/remove-w3-total-cache-manually/ to learn how to remove W3 Total Cache completely. This is important for debugging purposes.

Thanks.

#4

Hi!

I followed all the steps and deleted W3 Total Cache plugin.

See below, this is what my .htaccess contains, I don’t know if this content is supposed to be there? I did not change anything.

# WordPress-optimering från fsdata.se/blogg/

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>

<IfModule mod_headers.c>
<FilesMatch "\.(js|css|xml|gz)$">
Header append Vary: Accept-Encoding
</FilesMatch>
</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Another thing that does not seem to work is the sections where I have put mobile content only, and set it to be hidden for desktop and tablet. Can this also be fixed with the correct renew.css? Shall I upload a new renew.css or something?

Awaiting your answer.
/Markus

#5

Hi Markus,

Save a backup of your htaccess file first.
Then remove this part:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>

Check again after. Your site is still loading a corrupted CSS file: http://www.markusp.se/wp-content/themes/x/framework/css/dist/site/stacks/renew.css?ver=5.1.1. That might be because of that part on your htaccess so let’s try to remove it. Let us know how this goes.

#6

Nope, columns till does not work. You can check my test page here:

Btw, how do I get email notifications when there is a new answer? I have set this thred to “Watching” but I don’t get email notifications. Edit: Nevermind, I found it in the settings.

#7

Glad to hear you got it sorted.

Cheers!

#8

Yes I sorted out the notifications, but my original problem still exists. Have you checked the link to my site? The columns still do not work, among lots and lots of other stuff… But I will have to take this one step at the time.

I REALLY need to get my site up and running again since it’s my primary source for new customers. Right now my website is out of order - thus no new customers! :frowning:

#9

Hi,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

#11

Hi there,

I think what we need most is your CloudFlare login credentials. Please provide it too.

And for the meantime, please go to your CF and toggle off the CSS and Javascript minification.

Thanks.

#12

Ok, I enclose the login details to Cloudflare in a secure note.

I have turned off Javascript and CSS Minification. HTML minification still on. As of right now, Cloudflare plugin is not active on my website (I assume?) since the plugin is deactivated.

#13

Hi There,

When I check again, your site is now displaying fine. See this: https://screencast-o-matic.com/watch/cbQiIkIQDB
Please try to clear browser cache and then check again. You can see that the file that is corrupted before is now showing the full content. Menu is centered already and columns are displaying fine. Please confirm.

#14

That’s a step in the right direction, thanks! Nav menu looking good and working, but it is only the start page and the gallery pages show correctly. All the other pages, the blog main page and the single blog posts display incorrectly. Lots of visible shortcodes like [vc_row padding_top=”0px” padding_bottom=”0px”][vc_column fade_animation_offset=”45px” width=”1/1″][/vc_column][/vc_row] Check these links:

Pages:




Blog mainpage:

Single blog posts:

#15

Hi There,

Your content is made with Visual Composer. Make sure that Visual Composer plugin is active and it is the version compatible with the theme. I tried to check the source code of your site and I can’t see visual composer. I am not able to confirm it on your admin because wordpress admin credentials above is no longer working. Check again after activating the plugin.

#16

THANK YOUUUUUU!!! :grinning:

At last it works! I activated Visual Composer and emptied the browser cache. Now it looks like everything is working again. I will double check everything but at a glance it looks like I can be up and running as usual soon.

Thanks again!

/Markus

#17

You’re always welcome Markus!

Cheers.