Roots Theme 6.4 Disappearing Homepage Content with decreasing screen size - css

Good Day,
I have noticed today that for some reason using WordPress 3.6.1 and Roots 6.4.0 that the homepage had blank content between the footer and the logo. However, it only happens on the homepage, works fine on any other page, and it has only happened recently.
You may check out the website: http://jsteinhi.com.
I ask that someone please check it out, and tell me if this a media query problem, CSS, PHP, or WordPress problem. I want to know, so I can avoid this happening again if it was a mistake I made that or changes to a post that caused this.
I thank you for your time and efforts.

Interestingly the problem lied with a "display: none" in my main stylesheet. Don't know why it was there under a media query, but it's now fixed.

Related

Elementor ruins page layout

I use Astra (latest version) and Elementor 3.64, tried to switch off every plugin, clear cache, restore CSS and change CSS setting to external file, nothing helps.
I have some products in my catalog, and those product posts that I have created previously seem to have no problem with CSS.
But when I create a new product, the page has no margins or paddings whatsoever. The most interesting thing is that when I start editing previous product posts, the margins and paddings also disappear there. That's why I try not to change other "healthy" posts with Elementor, because it ruins them.
I tried looking at the CSS code through F12, it shows that CSS codes for ast-separate-container and ast-woocommerce-container simply disappear and I have no clue why that happens. Other pages that I haven't opened with Elementor have these code lines with all margins and paddings. Somebody help?
Normal page: https://atomycatalog.kz/product/atomi-centella-nabor/
Ruined page:
https://atomycatalog.kz/product/atomi-dorozhnyj-nabor-6-dlya-ochishcheniya/
Have you tried updating Elementor to version 3.7.0 before?
I've got news from some friends that there is a bug in version 3.7.0 which makes some layouts messy, they say downgrading still doesn't change anything.
The only way they fix the messy layouts problem is with restore the database if you have any backup for the version on date where you feel everything is still fine.
Elementor developer team will work hard to fix this bugs in the next update. I am sure of it
If this doesn't help you, come back and ask again:)

MS Edge wrong display a slideshow and a content below

I'm creating a simple site here: http://dev.bajan.sk/poplar/en/ubytovna-poplar
The problem is only in MS Edge, there is a slideshow above the page content. In each other browser, which I tried, the content is below the slider, but in Edge it seems, like the slideshow would by position:absolute, or fixed. I checked a custom CSS, but there's nothing to repair.
My problem is, that I use win7, so it's impossible to install the Edge. I was using only browserstack.com account, but the free halfhour passed away and it's also very very slowly. If someone could help, I would be thankful.
I solved the problem.
This site was not created by me from scratch. I only took a job after a graphic designer, who played on coder. He didn't upgrade the plugins, which means, the very old version of bootstrap (from year 2014) was linked to site. The Edge browser has a problem. Two clicks to update the plugins and everything work fine now.

Why Is My Wordpress Theme Losing CSS On Mobile?

I'm working on a Wordpress theme over at http://mbgb.co.uk/blog
Up in-till an hour ago all was OK, now however whenever accessing the site with mobile dimensions, the previous CSS has disappeared. I've tried going back to previous CSS but that's not working and to my knowledge I've not touched any other part of the build.
Any advice?
Thanks in advance.
I have checked the url you mentioned.
Found some weird tags.
Please open your website and view your page source(Ctrl + U).
Preferably in Mozilla Firfox. As there the errors will be highlighted.
Please see the attached screenshots.
Go through the page source and resolve the things that are making these occur.
Please check
Please check
Did you checked if there are css rules that make your CSS appear only for desktop screens? This could be only explainable reason.
I'd just left a tag out - one day I'll learn not to panic. Sorry guys.

Lines of nonsense code where wordpress pages should be: Avada

A few of the pages on my organisation's website are displaying code - not real code - just nonsense code, like this:
���ْG�(�,��?���fUH쵲اDQj�������he $�#B�.
Go to http://www.eavi.eu/about-us/ for an example or check the image here:
I have emailed Avada's support, but I was wondering if anyone has encountered anything similar in the past and might be able to help.
I removed the Tiny MCE editor plugin and this fixed everything.
It seems there is an issue with the Avada theme and this plugin which I confirmed with someone else.

Wordpress.com - after saving custom CSS all widths are removed

I'm working with wordpress.com along with the custom design upgrade to be able to change the CSS. Everything was working fine yesterday, and suddenly today I have an issue with the stylesheet: when I hit the 'save' button all the widths are removed from the CSS, which causes some elements to overlap or be misplaced. It's such a strange behaviour that I don't think I could have accidentally caused it. Only the widths disappear, every other element/rule is there.
I posted this question at the WP forums but no luck yet. Hopefully someone here has an idea about what could be wrong.
Thank you in advance :)
SOLVED:
Apparently is a WP issue. I 'fixed' it with a workaround that someone suggested me by replacing 'width' with 'min-width' and 'max-width'.
This was confirmed as a bug, the staff at WP already fixed it and everything is back to normal. Here's a link to the thread in case you were affected.

Resources