portfolio grid issues + missing mobile menu after theme update

[baddogsf]

Hi,

After updating to the recent version of the Adapt theme a couple unexpected issues happened:

• The menu bar disappeared for small screens on mobile devices. • The project grid has some white gaps instead of a continuous flow of projects.

site url: littleglobe.org portfolio: littleglobe.org/portfolio-category/current-projects

Any help or suggestions would be greatly appreciated.

Thank you

[wpexplorer]

@baddogsf - Hey there, I'm seeing an error coming from a plugin named "'synved-shortcode"

Made a quick video to show you: https://a.cl.ly/E0uYnRx2 [edit]

If you disable the plugin do things work as expected?

• AJ

ps: You will want to also fix your child theme style.css file which is loading some Google fonts using http instead of https (this wouldn't be causing the issues you are having, but you can see those errors in the video and would be good to fix).

[baddogsf]

Thanks for your recommendation. Did you mean the Symple Shortcodes plugin? I disabled it and later enabled it again. It seems that some issues got fixed and others remain after taking these steps... LOL!

Now there is a delay in loading the PROJECTS portfolio. It looks like the loading stops half way with the thumbnails staying on the left instead of getting placed in the grid. Oddly, when you refresh, the grid loads correctly.

Do you have any more suggestions?

Thank you very much!

[wpexplorer]

@baddogsf - No, not the Symple Shortcodes plugin. There is a different plugin (see the video I shared above). It's named "synved-shortcode". Unless this is a hacked version of the Symple Shortcodes plugin. It's not possible for me to know just looking at the source code:

Anyway, whatever you did seems to have helped as you mentioned, although the plugin I mentioned is still creating errors which you can see in the browser console. So you may still want to look into that.

Now, the issue wit the portfolio rendering is that your portfolio items aren't "floated" so you are missing some key CSS. When I compare your site to the theme it appears to be coded differently which makes me think that your site is most likely outdated or has some custom modifications. In which case you can just add a little CSS to your site to help with the rendering like such:

.portfolio-item { float: left; }

This can be added under Appearance > Customize > Additional CSS or in your child theme's style.css file.

• AJ

[baddogsf]

Hi AJ

It’s possible that the Symple Shortcode was hacked.

I added the portfolio item css. This corrected the grid but the rollover effects of the thumbnails + the category filter buttons are still not working until you reload the page.

Thank you so much for your help!

[wpexplorer]

@baddogsf - I've tested refreshing various times in different browsers in incognito/private mode and it's working always for me on the first refresh. Have you tried clearing your browser cache?

Also I did a Google search for "Synved Shortcodes" and it looks like it is it's own plugin - https://synved.com/wordpress-shortcodes/ - which I see is still triggering errors, so you may want to have another look at your active plugins to see if this one is enabled to try disabling it and see if it helps remove the console errors.

[baddogsf]

Hi,

I checked the website from multiple computers + browsers and cleared cache.

I also found and deleted the folder for the synved plugin, that was probably broken and therefore not showing up in the WP dashboard.

Unfortunately, no changes on the Projects page. The captions get stilled pushed into the bottom left corner and rollover effects + filter buttons don’t work.

Please let me know if you have any more ideas what we could try.

Thank you!

[wpexplorer]

This is what I'm seeing - https://a.cl.ly/ApuYGd5N (chrome with cache disabled). Everything looks good, or maybe I'm missing something?

• AJ

[baddogsf]

It looks right on your end. I just tried on another computer — it works fine in Firefox, Safari but not Chrome! It’s time for a break. I will take another look tomorrow and let you know.

Thanks again & till tomorrow!