Aligment on mobile

As sugestion this could be fixed with a “none” option on the aligment of the widget.

thanks

Hi!

If you’d like to use the alignright option on desktop, then have it switch to aligncenter when the layout changes, you can try adding this to your theme style.css file.

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

	.header-widget-area .simple-social-icons ul.aligncenter li {
	  display: inline-block;
	  float: none;
	}

	.header-widget-area .simple-social-icons ul.alignright {
	  display: block;
	  float: none;
	  margin: 0 auto;
	  text-align: center;
	}

}

Sorry for the late reply.
That code put the icons on the left (float:none) instead of centered.
I tried with this and setting the widget at aligncenter and it seems to work.

@media only screen and (min-width: 1023px) {

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