Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Help please with mobile view


Lukeb1982

Question

Site URL: https://www.exaltedmktg.co.uk/

Hi there

i have developed my site using the Mojave template. The fonts seem ok on laptop and tablet view but on mobile view my fonts are not aligning. 
Having contacted customer care they have suggested I could consider a workaround using custom code but I have no idea how to do this, is someone able to help?

image.jpg

image.jpg

image.jpg

image.jpg

image.jpg

Edited by Lukeb1982
Some examples of text not aligning and looking right
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Go to Design > Custom CSS and add the following (you can customize the font sizes to whatever works best with your design:

 

/*Reducing font size for screens smaller than 640px*/
@media screen and (max-width: 640px) {
  h1 {
    font-size: 33px;
  }}
@media screen and (max-width: 640px) {
  h2 {
    font-size: 26px;
  }}
@media screen and (max-width: 640px) {
  h3 {
    font-size: 20px;
  }}
@media screen and (max-width: 640px) {
  .blog-item-wrapper .blog-item-title h1.entry-title  {
    font-size: 24px;
  }}

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...