Need help with CSS coding to make it mobile friendly

  • Unknown's avatar
    theslantonplants · Member ·

    Can anybody help customize the CSS coding for a few things such as taking out the haze over the photo on the home page and make it mobile friendly? Also, want to make the font bigger, but not too big on a mobile device. Thank you.

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

  • senff · Staff ·

    It’s not possible to remove the haze over the photo really — that’s just part of the photo itself.

    By default, the site is already quite mobile-friendly I’d say. I don’t see anything wrong with it, did you have anything specific in mind what’s not mobile friendly?

    As for the font size: it’s currently about 18 pixels on mobile screens. It’s fairly readable, but if you want to increase it a bit to (20 pixels), you can add this CSS code:

    .entry-content p {
   font-size: 1.1em;
}
  • Unknown's avatar
    thesacredpath · Member ·

    Hi @theslantonplants, I see you have used the following CSS to remove the overlay color on the main image on your home page. 

    .pique-panel-background:before {
	background:none
}
.pique-panel-background {
	opacity:1
}
  • The topic ‘Need help with CSS coding to make it mobile friendly’ is closed to new replies.