[MrNerdy]

Unfortunately this did not work either, but I just found the mistake. The function has to be called at the original footer widget location, i.e.:

//* Remove footer widgets from front page
add_action( 'genesis_before_footer', 'remove_footer_widgets' );

function remove_footer_widgets() {
	if ( is_front_page() || is_home())  {
	  remove_action( 'genesis_after', 'genesis_footer_widget_areas' );
	}
}

[MrNerdy]

Just found a working solutions:

@media only screen and (min-width : 768px) and (max-width : 2560px)  {

.simple-social-icons ul.aligncenter {
		text-align: right !important; 
	}

}

[MrNerdy]

Hi, thanks for your reply.

I just realized that the CSS of the plugin (Simple Social Icons) is constantly overwriting my child theme's style.css. I already tried to center the icons within the plugin menu and then apply the following code for higher resolution media queries; however, wihtout success:

.simple-social-icons ul.aligncenter {
		text-align: right !important; 
	}

	.simple-social-icons ul.aligncenter li {
		display: inline-block !important;
		float: right !important;
	}

Any idea how to make sure that the plugin's CSS-styles are overwritten?

[Author]

Posts