I have several websites built with BB theme/plugin. One project that I am just wrapping up is two sites for the same group - one public - one private. Both are almost exact mirrors, but I have run into a strange problem. One of the sites is totally responsive to all @media queries — and the second is not at all.
I checked files/versions between the sites and could not find any problems. I went into Theme - Customize - Presets to compare the two sites and everything matched up here, too. On a whim - I changed the Preset from Default to Modern - and voila - the responsiveness is working. Unfortunately, all of site has been based on the Default preset and the modern is monkeying with the look. How can I fix this on the site to get the Default preset to work properly? Is there a file that is possibly corrupt that I can replace?
That sounds like it may be caching involved with the customizer. Try just saving the customizer with the preset that it needs to be and that should do the trick. If not, try clearing the BB cache under Settings > Page Builder > Cache. If you have another caching plugin installed, it wouldn’t hurt to clear it, but usually what you are describing can be fixed right up with another simple save of the customizer.
Hi Billy — thanks so much for the very quick response.
I had already tried cycling between the various presets — interestingly enough - only the Default preset is not working.
I just tried clearing the cache - but the responsiveness problem still persists — and a new one has also introduced itself (but again only with the Default preset) — now the menu has gone haywire and is stacking itself in the header — and my social icons/text has disappeared. If I switch to a different preset — everything appears normal again and it is responsive… Weird !!
The dual header thing is definitely caching in that case. We’ve seen that before. Would you mind shooting me temp admin access to the trouble site and then perhaps a link to the copy so I can compare after some testing?
I think your child theme CSS is the culprit here. Can you send me a link to the ‘correct’ site so I can do some inspecting or better yet, access to that one as well? Screenshots unfortunately aren’t helping in this case.
Ok, I think I found the rogue CSS that isn’t on the other site and was causing issues. You’ll notice I commented it out in your editor. I think you should be good to go now! Here it is for reference:
I just tested both sites and am seeing the same setup now. I don’t believe there is any other code affecting the site in terms of responsiveness. You could always try just copying and removing all of your custom CSS in the editor (and customizer if using both areas) to see if that even is the case, but I’m not seeing any issues any longer on my end even using that tool you mentioned. The bottom bar under the footer shows when the content is short compared to the other site with a lot of content. That is default to our theme.
