Mobile Theme CSS Customization

• 

  vlogazul · Member · Aug 15, 2015 at 7:36 am

  • Copy link
  • Add topic to favorites

  Hello, I am using the expound theme and i would like to know if there’s a solution for the following request.

  Since I been using plenty of CSS snippets to make the website look better, I noticed that some of that CSS coding translates into the mobile theme. If you happen to check the website on a mobile device you will see that the follow button and the social media icons that are on the footer of the page kinda interfere with the copyright text on the mobile device. Is there a way to fix that? basically for the mobile theme not to have many of those CSS changes?

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

• 

  ehtis · Staff · Aug 15, 2015 at 12:31 pm

  • Copy link

  You can wrap all the custom CSS in a media query which targets only certain resolutions.

  If you put all your CSS code inside the following media query, it will only affect those devices with a minimum width of 1028 pixels. Usually, it corresponds to laptops/desktops:

  @media screen and (min-width: 1028px) {
  
  	.exampleCSS {
  		width: 100px;
  	}
  
  }