Responsive layout is not working

  • Hey,
    could you help me? Responsive layout at my site is not working. It’s set to ON, but it don’t work no mather if I check this on PC’s browser or on my phone.

    Link: https://www.magicaljune.pl

    ps. I’m a reaaaaaly CSS beginner, if this will help I can tell you that I don’t use child theme. I modify custom.css file.
    If I have to change some come please write me both parts, old one and new that I will have to replace. Thanks you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey,
    It’s probably because you have included all of style.css in your custom.css

    You don’t need all of that. You just need your changes.

    To fix it remove everything except this:

    /*
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. 

When you update your theme, backup this file and re-add it after.
*/

/* Global */
.mystyle {}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.s2-expand .s2 { background:none; background-color: #ffffff; }
}

/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.s1-expand .s1 { background:none; background-color: #ffffff; }
}

/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.sidebar { background:none; background-color: #ffffff; }
}

    Thread Starter asotemil

    (@asotemil)

    Hey,
    thanks for your help! Now all is fine! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive layout is not working’ is closed to new replies.