CSS in Wordpress stops working when resizing the browser

So to keep the story short - I was trying to integrate a wordpress blog into my website, which works fine. But I wanted it to look just like my other pages, so I created a custom theme. That also works fine...but only as long as you don't rescale your browser window.

Once it hits the 'mobile' size all the CSS styling I have just disappears...I have no clue why. I used the same CSS that I used for my other pages and they work perfectly fine.

Anyway you can check it for yourself here http://arturzima.com/news/

FOUND THE PROBLEM: This little guy right here in the head tag: media="all and (min-width: 36.875em)"

Solutions

Fix your code errors; you have broken comments, broken closing tags, etc. Those errors are part of the problem with display.

See [Invalid] Markup Validation of arturzima.com news - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code. Start fixing the code errors and revalidate.

Tags: Css / Wordpress

Similar questions

Browser resizing and menu bar issue
http://playoutthegame.com/ Whenever the browser width is decreased from maximum, the elements of the menu bar overlap the logo. As the browser width is further decreased, the menu bar disappears before reappearing as a drop-down menu. Can the menu bar be made to not overlap the site logo during resize? And is there a way to ensure that the menu bar...
Centering the content in the footer when resizing the browser window
I am building a website using wordpress theme. I have two elements (one floated left, second floated right) in the footer. I need to make it centered (the second one below the first one) when I resize the browser window. I guess I need to set float:none; in the media queries and center it somehow, but I wasn't able to figure it out. WEBPAGE LINK HT...
Changing img src with resizing browser window condition
I'm creating a website for my colleague on WordPress cms and I did some changes in theme. My problem is, how to change image src with resizing the window (responsive)? my logo image: Someone here on this website wrote, that bellow code is perfect: not working....
how do i prioritize which column to show up first when resizing my browser?
i have a website https://nestofthoughts.com/ on my homepage, i have two columns and alternate between text/picture on each row. (text first, then picture second on one row) and then on the next row, its reversed. however when i resize smaller on my browser or on mobile, this pattern also follows but it becomes confusing for the user. is there a way...
include file and https stops my css from working
Okay, so I have a really odd problem... I have this line at the top of my page, because I want to get the latest wordpress blog post (which is fine, the post comes back); But then whenever I visit a page on my website that has https:// in the url it seems to stop my css file from working would anyone be able to help? thanks
my custom css file downloads then it STOPS!
I’m watching an online course for WordPress development and at the beginning I attached the css file the exact like what the instructor did and tested it by adding some styles and it worked fine Then when I start making some menus in the header.php the css file stops when I checking it with dev tool by chrome, the style.css is exist in “sources” bu...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.