Using CSS to create a mobile friendly site

• 

  caitwarner · Member · Nov 28, 2016 at 7:07 pm

  • Copy link
  • Add topic to favorites

  My website is caitwarner.com. The social media icons are centered when on the desktop, but I’d like them centered when viewing on mobile as well. Can I fix this using CSS?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 29, 2016 at 8:02 pm

  • Copy link

  Hi there, typically on responsive designed themes such as Affinity, it is best not to use a static width, such as 500px. Find this rule in your custom CSS and change “width” to “max-width” and it will take care of the issue for you.

  .footer-widgets {
  	background-color:#fff;
  	color:#e8e9ea;
  	padding:0;
  	width:500px;
  	float:none;
  	margin-left:auto;
  	margin-right:auto;
  	max-height:30px
  }

• 

  caitwarner · Member · Nov 30, 2016 at 6:47 pm

  • Copy link

  It worked! Thanks so much!

• 

  thesacredpath · Member · Dec 5, 2016 at 5:21 pm

  • Copy link

  Hooray and you are welcome!