Parallax Pro Make Footer Responsive

[SamBell]

Hi guys, I searched the forum and can't see a post about this. I changed the footer to include three footer widgets. However it isn't responsive on mobile. It's just kinda squishing together, and I want the footer widgets to change so they are one after the other when viewing on mobile but left next to each other on bigger screens. Does anyone know how to do this?

The site is http://www.sambellcreative.com/test-site/

http://www.sambellcreative.com/test-site/

[Davinder Singh Kainth]

Backup before making changes.

Look for following code in style.css file

@media only screen and (max-width: 480px) {

	.footer-widgets .widget-title,
	.home-even .widget-title,
	.home-odd .widget-title {
		font-size: 36px;
	}

	.home-even,
	.home-odd {
		font-size: 22px;
	}

}

Change this to...

@media only screen and (max-width: 480px) {

	.footer-widgets .widget-title,
	.home-even .widget-title,
	.home-odd .widget-title {
		font-size: 36px;
	}

	.home-even,
	.home-odd {
		font-size: 22px;
	}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width:  100%;
        padding: 10px;
}
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[SamBell]

Worked perfect! You are a genius! Thanks so much for your help!

[Davinder Singh Kainth]

Welcome. Glad you got it working.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts