Tutorial : Few CSS Responsiveness fix – Try it & let me know if your website looks little better.

3.27K viewsThemes
0

Here are responsiveness issues i was facing with my website earlier posted Here 

I fixed it with the following CSS adjustment & now its better look & professional.

Try if you face any similar responsiveness issue & let me know if it got fixed.

First Install  Simple Custom CSS

& apply following CSS codes.

 

1) Notification Icon small size fix – change 20px value as you need.

 

#ap-userdp-noti.ap-dropdown-toggle.apicon-globe {
  font-size: 20px;
}

.counter {
  color: #ff0505;
}

Result after applying code                          

 

 

 

2) Vote Section layout fix under user profile page .

 

.ap-about-vote-label {
  padding: 10%;
  position: inherit;
  width: 280px;
  text-indent: 18px;
}

.ap-about-votes.row {
  width: 350px;
  padding: 16px;
  position: inherit;
}

Result After Applying code       

 

Now vote part looks better in all the resolution except little bit extra padding in between section.

 

3) Date Part for top answers & new questions

.ap-user-posts-active {
  font-size: 12px;
  letter-spacing: -1px;
}

Result after applying code – Year part was hidden earlier. 

Try It (:

edited question