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

Change title size on mobile

Question

Site URL: https://www.markdanielquintos.com

Hi,

 

I'm using the Avenue template and am trying to change the size of my titles on mobile. I've tried copying and pasting a couple of other codes I've seen on the forums, but none work. I'm on a personal account, but this seems like something that should be fairly simple to do? Perhaps I'm wrong. Thank you!

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
12 hours ago, tuanphan said:

@media screen and (max-width:640px) { body.site-title .logo a { font-size: 20px; } }

Worked perfectly for the title! 

 

Tried doing this for the subtitle but didn't work:

Quote

@media screen and (max-width:640px) {
  body.site-title .logo-subtitle a {
    font-size: 20px;
  }
}

 

Share this post


Link to post
  • 0
1 hour ago, tuanphan said:

@media screen and (max-width:640px) {
body.site-title .logo a {
    font-size: 20px;
}
.logo-subtitle {
    font-size: 10px;
}
}

 

thank you for this, what id? class? would i put in to affect the footer?

Share this post


Link to post
  • 0
17 minutes ago, mquintos said:

thank you for this, what id? class? would i put in to affect the footer?

Got it! Using this: 

 

Quote

@media screen and (max-width:640px){
  #footerBlock p {
    font-size: 10px;
  }
}

Thanks again, it's hard to learn, but exciting once you figure something new out!

Share this post


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...