Somewhere along the way, my theme css is messed up and causing my mega menu to not have enough padding above the images. Also, the sidebars are at 0 top padding too and this causes a miss alignment on the front page between block titles and pages with sidebars.
This wasn’t the case before an update and somehow it got adjusted. I can’t find the css that is causing it. I’m pretty sure it isn’t custom css that I inputted, because I checked all the places where that could be happening.
What is even weirder, is that when I look at a snapshot of my site in staging, it shows it with the proper spacing. http://bit.ly/1DHMIwo it looks just fine. It’s the live site that is missing the padding for some reason. http://bit.ly/1zNynwZ (not, on the front page, I have 20px VC space block in place above it to make it look “even”; in the staging site, you see that 20px added to the normal padding to cause the title to sit lower)
http://screencast.com/t/97AW3LY1xyjm
no padding space above “Text with title” block between two “block 4”, 3 column VC.
http://screencast.com/t/XQ4FBvKc
no padding space above sidebar “social counter” widget title
Additional: Here is the problem with the mega menu. Screenshot Imgur. http://imgur.com/414bwJw,GO3EBgC
Follow-up: Looking at my css in staging, I see the css is correct.
.td_block_mega_menu { padding-top: 20px; } style.css:4026
But, looking at the css of my live site, I see the css is incorrect and missing that part.
Here is the correct CSS code section. http://screencast.com/t/LiXKdbBuxh2w
Here is where the CSS is missing on my live site. 🙁 http://screencast.com/t/Tonlckv8Ju48
Thank you for looking into this. I think this is a real and complex issue. I would love a resolution since my mega menus look like crud on my live site without top padding.
So I used a diff check tool, and all my files are identical for style.css on live and staging. :/ This is hard. I don’t know what is causing this issue.
Hi,
I have checked your site and on homepage you have padding for text block: http://screencast.com/t/yMzkNO2NTv
But you also have that empty space that you mentioned: http://screencast.com/t/Y4VnZmR1wo0
Also your post’s sidebar looks fine: http://screencast.com/t/PVD9ETgZEka
I also checked your megamenu: http://screencast.com/t/hcxxmGva0u
Did you solve the padding issue?
How you can see I had make screenshots in all places that you mentioned(I think) and I did not found padding issues.
Please let me know!
Thanks!
Hi @Alin, thank you for looking at this.
The site with the problem is http://bit.ly/1zNynwZ riverscenemagazine[dot]com , which is the live site.
I think, (couldn’t see for sure) that you were looking at the staging site. breakwater[dot]staging[dot]wpengine[dot]com
Can you confirm which site your screenshots are from? Thank you very much.
Hi,
I looked on both sites but I take a look again:
http://screencast.com/t/HAeBCKWv
http://screencast.com/t/mmUbFkX0
http://screencast.com/t/qIdeHZeHPk
Thanks!
wow, that is really strange.
Should I purge my cache and CDN? Maybe it there is a bug and it is being reproduced at that level.
I’m using WPENGINE which has an aggressive cache, I’m using the theme speed plugin, AND I’m using Cloudflare wich has it’s own CDN and cache.
Those three levels of cache could be messing with what I see when I look at the site from my geographic location.
Maybe when you look at it, it is being pulled as a fresh copy from your geographic location?
Caching is usually the problem. We went through this with Amazon CDN, where my brother in Washington state would see diff. version of page (old CSS).
Ultimately during development we don’t use CDN or anything, get site working, then do anything with CDN/caching, etc. as “last mile” of the dev process.
@Chris, thank you. Yeah, I only launched CDN after we launched site. But cache is built into my host and I didn’t know of a way to turn it off for dev.
However, purging it all fixed my problem on my end. Thank you @Alin for taking the time to look at it and confirming it was working properly.
!! Two Thumbs Up !!
If you use GoDaddy with that big “clear cache” button on the admin panel for WordPress … with a client project I found I had to hit that puppy twice to actually clear cache after doing any major changes to site.
