[Outreach Pro] Footer widget 4 to 2

[mohdisa]

Hi,

I want use Outreach Pro. By the way, I want change footer widget from 4 area/widgets to 2 area/widgets.

How to do it?

Thank you.

[Andykev]

Try on development site.....if you type something wrong you will get white screen of death.

functhions.php (change the section which looks like this, change the 4 to a 2)

//* Add support for 2-column footer widgets
add_theme_support( 'genesis-footer-widgets', 2 );

Next you need to change the style.css so your widget is formatted.

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #222;
	color: #ccc;
	clear: both;
	font-size: 14px;
	padding: 60px 0 0px;
}

.footer-widgets input {
	border: 1px solid #333;
}

.footer-widgets .entry-meta a:hover,
.footer-widgets a:hover {
	color: #fff;
}

.footer-widgets-1,
.footer-widgets-2 {
	width: 50%;
	padding: 1%;
}

.footer-widgets-1 {
	float: left;
}

.footer-widgets-2 {
	float: right;
}

[mohdisa]

Hi, thank you for helping me.

Now I has some problem, I has put search form at navigation area.

Its look nice on full website, but on responsive screen the search form is gone.

How to show it in responsive site?

Thank you.

[jlknauff]

Look in your CSS for the class or ID that targets the search form; specifically, within a media selector. There is something in your CSS to hide the search form below a certain screen size.

This is what you're looking for:

@media only screen@media only screen and (min-width: 1224px) {
...some CSS code...
}

Find the CSS for the search form within that at a smaller screen size and you should find what you need.

[mohdisa]

I cant find its, can you help me by see my website?

http://inee.unimap.edu.my/

[mohdisa]

Anyone, someone? Please help me.

[jlknauff]

Delete

.genesis-nav-menu li.right {
    display: none;
}

But it's going to mess up your layout.

[Author]

Posts