poroblem with responsive Web

[caballoganador]

Hi,

I changed the width of my header and now my web is not responsive. I tried to change the mediaquery , but I have not succeeded. Could someone please help me?

The site is: http://www.juliafarre.com

Thank you

http://www.juliafarre.com

[Tom]

In your child theme stylesheet, make the following changes:

Line 1879

@media only screen and (max-width: 768px)
body {
    padding-left: 5%;
    padding-right: 5%;
    /* width: 768px;   <---- Remove This */
}

Line 2009

@media only screen and (max-width: 480px)
.content {
    /* width: 480px;   <---- Remove This */
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

Thank you very much for your answer. I changed the lines that you have told me but but did not work.
I still have the same problem

[Tom]

768px media query looks ok.

In the 480px media query:
1. Remove this code repetition at line 2023:

	.content {
		width: 480px;
	}

2. You are missing a closing "}" at the end of the file.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

Thanks for your answer Tim.
I've made ​​the changes but still have the problem. When I make the google page speed test, the problem:
" Adapting the content to the viewport " It is still displayed

[Tom]

line 1784

@media only screen and (max-width: 1199px)
.after-footer, .before-header, .site-container {
    padding-left: 40px;
    padding-right: 40px;
    /* width: 1199px; <---- Remove This  */
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

I have changed it but still not working... 🙁

[caballoganador]

I had a problem with the previous domain and have changed for http://www.juliafarre.es
I couldn't even correct the responsive problem.
Now I have another problem too ( I don't know why) I can´t change the layout style for each page, the layout settings (that I should be able to configure in each page) is not responding and allways shows the default Layout.

Hope you can help me with this...

Thank you!

[Tom]

The page layout issue is corrected in Genesis 2.2.5.

For the header media query issues, you need to remake the first change suggested above:

@media only screen and (max-width: 768px) {
    body {
        padding-left: 5%;
        padding-right: 5%;
        width: 768px;      /* <----- remove this code */
    }

Also remove the following in the 480px media query:

	body {
		padding-left: 0 auto;
		padding-right: 0 auto;
		width: 480px;     /* <----- remove this code*/
	}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

The problems for responsive web have not been fixed

[Tom]

The latest edits were not done accurately. Correct them and they again.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

Sorry but I can't see any mistake

[Tom]

In the 768 media query at line 2098 you have this:

@media only screen and (max-width: 768px) {
    body {
        padding-left: 5%;
        padding-right: 5%;
        width: 768px;
        /* <----- remove this code */
    }

Remove the width declaration.

In the 480px media query at line 2209, you should not have removed this, which should be restored:

    body {
        padding-left: 0;
        padding-right: 0;
    }

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[caballoganador]

Now it's ok!!!

Thanks for all the support Tom!

[Author]

Posts