Mega menu and styles not working proporly

Posted in: Newspaper
Post count: 30

Hi:

My blog is not working properly. Yesterday I installed and set WP Super cache and I don’t know if is has something to do with the problems.
These are the problems as I noticed them although the #1 is previous to WP Super cache.

1- I see that the images thumbnails are not being used and a scaled version is served instead. And the image dimensions are missing (according to mtmetrix)
2. On the megamenu when you click on a category it goes to the home. If I go to menu options and check those categories, they are OK there’s nothing to change but i save all the same and then it works properly.
3. I have a different sidebar for each category and in each I have an Aweber subscription form. The one on the default sidebar retains the style buy the others no.

http://www.mujeresdeempresa.com

Any ideas?

Thanks

Post count: 6600

Hi,

1. Can you please point out which images aren’t loaded as thumbnails and are scaled? I have checked your site and seems that the thumbs are loaded as it should, you can manually add the image width and height if there are missing, as I have noticed the thumbs I have checked do have img dimensions.
ex:
* http://screencast.com/t/fxItmx5k
* http://screencast.com/t/wJzq8PFr

2. I have noticed that the link points to the category but somehow it redirects to homepage when clicked. Please deactivate the plugins, empty cache and/or purge files if you use any CDN hosting services then check for this issue as a plugin could cause this.
If this dose not helps please go to settings > permalinks and re-save your permalink structure.
When you deactivate plugins make sure you enable them back one by one to check which one is generating this issue.
Please let me know of what you find.

3. Not sure why the css isn’t loaded on category pages, it could be overwritten so if this issue still appears after you deactivate the plugins please try to use this css inside the custom css field: http://pastebin.com/pnMHRG9q
Should fix your issue: http://screencast.com/t/gpkaGGXRe1S

Thanks

Post count: 30

Hi Lucian:

I’ve partially solved the problems. The plugin that what causing the strange behavior with WP Super cache so I removed it. But I still have the css problem with the aweber form that was working OK. Now on The home page and 2 more categories the CSS works fine, the others no. It seem to be some kind of cache problem.

Now about the images that were scaled instead of load as thumbnails I’ll copy some examples from the gtmetrix report:

The following images are resized in HTML or CSS. Serving scaled images could save 972.7KiB (71% reduction).
Some samples below:

http://www.mujeresdeempresa.com/wp-content/uploads/2003/08/saskia-sassen.jpg is resized in HTML or CSS from 624×351 to 198×111. Serving a scaled image could save 78.7KiB (89% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2002/04/networking2.jpg is resized in HTML or CSS from 611×427 to 198×138. Serving a scaled image could save 68.9KiB (89% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2014/02/puck_poster.jpg is resized in HTML or CSS from 640×381 to 198×117. Serving a scaled image could save 68.6KiB (90% reduction).
http://www.mujeresdeempresa.com/wp-content/uploads/2014/09/isabel_allende.jpg is resized in HTML or CSS from 745×483 to 198×128. Serving a scaled image could save 45.3KiB (92% reduction).

The following image(s) are missing width and/or height attributes.

http://forms.aweber.com/form/displays.htm?id=TAzsDOysDIzsHA== (Dimensions: 1 x 1)
http://pagead2.googlesyndication.com/pagead/images/google-logo.png (Dimensions: 106 x 36) (3 uses)
http://pagead2.googlesyndication.com/pagead/images/nessie_icon_tiamat_white.png (Dimensions: 26 x 42)
http://t1.gstatic.com/favicon?q=tbn:ANd9GcTheO6i2IuYw2YW53b-P_NSQZ2kDhwjcs0yMFim2JZ3Ag-1ceGL8vLlAERz4yrZlfdmuv7O11AJ5AHfts1x8nDAjw (Dimensions: 16 x 16)
http://www.mujeresdeempresa.com/wp-content/themes/Newspaper/images/icons/similar-right.png (Dimensions: 6 x 9)

Any ideas?

Thanks for your help.

Post count: 6600

Hi,

Do you still have issue with the css for the sidebar form widget? I have check your site and haven’t found this issue anymore.
Regarding the images please let me know where are these images used as the theme creates specific dimensions thumbs for uploaded images which are used on modules/blocks. In this case I noticed that the images you provided are of different dimensions.
Regarding the missing width and/or height attributes please go to td_module_blog.php file and add this img dim width="6" height="9" like this: http://screencast.com/t/RidE2xZaBhhM the others images aren’t added by the theme.
Please let me know.

Thanks

Post count: 30

Hi:

Yes, Finally I managed to fix the CSS problem.

I have just made the changes to the td_module_blog.php as you told me and run a new test.

You can see the test indicating the images are not scaled here: https://www.evernote.com/l/APrtyDQWfgVNtJ8Vj-P5iqVfRX4xwbRL0AM

Regarding the first image:

http://www.mujeresdeempresa.com/wp-content/uploads/2003/08/saskia-sassen.jpg is resized in HTML or CSS from 624×351 to 198×111. Serving a scaled image could save 78.7KiB (89% reduction).

saskia-sassen.jpg is used in 2 post:

http://www.mujeresdeempresa.com/saskia-sassen-gana-el-principe-de-asturias/

http://www.mujeresdeempresa.com/saskia-sassen-no-hay-ciudades-globales-aisladas/

Thanks

Post count: 6600

Hi,

Actually I found that the image is loaded at full size and scaled when on mega menu: http://screencast.com/t/MRbW94HSvTWY
This should not happens as an thumb should be created and used there unless this posts are old and this images thumbs used on mega menu where not created.
Please make sure you regenerate all thumbnails and check for this again: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ This should fix this.
Please let me know.

Thanks

Post count: 30

Thanks Lucian for your help.
Some posts did not have a featured image when created, I added them later as I had 3000 post to add to wp.
Can it be the problem? Because if this is the problem I’rather finish adding the images before running the regenerate plugin.

Thanks

Post count: 6600

Hi,

I think that is the cause as the thumbnail hasn’t been created and so the full width image is used.
Please make sure you regenerate the thumbs and let me know if you still have this issue.

Thanks

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.