Change css of mobile version in organic natural lite theme

• 

  yvonne2212 · Member · Jan 22, 2018 at 11:19 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I have a problem with the mobile version of my organic natural lite theme.
  I changed in the css for example the colors for hyperlinks, or deleted the shadows in the titles and it worked for the desktop version. However as soon as I go to the mobile version none of the changes appear. And I’d like them to appear there as well.
  Moreover, I’d like to change the size of the titles in the mobile version, because they go out of the white box on several pages.
  and last, the theme doesn’t adapt the footer correctly. It cuts it in half.
  Can you please help and tell me where I can find the css for the mobile version to adapt these things?
  thanks a lot!
  best, Yvonne

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

• 

  theakshaydhiman · Member · Jan 23, 2018 at 12:58 pm

  • Copy link

  Hello Yvonne,

  To change the CSS properties in different screen sizes, we use media queries.

  Here, any CSS code you add inside this @media tag will be effective for screens of width 480px or smaller.

  @media (max-width: 480px) {
  	p {
      	font-size: 1em;
  	}
  }

  This media query will work for only small screens. You can read more about them here.

  Hope this helps and have a great day!