Minimum Pro Responsivness

[fregia]

It seems that my code for site being responsive is broken......site here

The header does not appear to be responsive.
Soliloquy slider not responsive. (they say it is because nothing is set up for responsive)
Header nav menu not responsive.
Site description and tag line not responsive.
Body text looks funny in responsive. There is no padding.

Anyone have any idea of how to fix this issue please?

[carasmo]

All responsiveness is because of the CSS provided by the theme developer, but when we add different sections and do different things, that new CSS also needs to be responsive. So if you write your CSS outside a media query, that means that it's global and will be applied to all viewport widths no matter the device. If you want something responsive, you need to create a max-width media query (see the original CSS that came with your theme for an example) that adds any responsiveness, such as un-floating floated items, using percentages, and so forth.

When you add new CSS, you also need to make sure that you have no parse errors. All css after a parse error won't work. You have a comment inside a comment, which you can't do in CSS on lines 1609 - 1618.

/*Contact Form*/
.wpcf7 {
	width: 600px;

/*

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

Change the above in your style.css file to this:

/* Contact Form */
.wpcf7 {
	width: 600px;
}

/* Media Queries
---------------------------------------------------------------------------------------------------- */

---

Genesis Theme Customization and Help

[fregia]

Thanks for catching that! Unfortunately I have no idea where to start in configuring the media Queries for the responsive part and what is there is what came with the child theme.

If you could point me in the correct direction I would appreciate it very much.

[carasmo]

You need to fix that error as it's preventing the media queries that came with the theme from working. Once you fix that see what is wrong then and come back and ask another question in a new thread. That's the best way to learn and to get help from the people who frequent this forum.

For reading:

http://www.htmlgoodies.com/html5/tutorials/an-introduction-to-css3-media-queries.html#fbid=fMW8OwphWsj

---

Genesis Theme Customization and Help

[fregia]

@carasmo thanks so very much!

[Author]

Posts