Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 13, 2024 at 6:35 pm #1434197
    MikeTandySwag

    Hi,

    I have the font size set to this for my Portfolio Grid

    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }

    I tried doing this for mobile but it still showing extremely small on mobile devices.

    @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1439px) {
    #top .grid-content h3{
    font-size:18px;
    text-align: center;

    }
    }

    How can I change the title font size on mobile devices?

    Thanks!

    February 13, 2024 at 9:30 pm #1434220
    Rikard

    Hey MikeTandySwag,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    February 14, 2024 at 9:16 pm #1434335
    MikeTandySwag

    Yup! Put it in private content

    February 15, 2024 at 3:36 am #1434351
    Ismael

    Hi,

    Thank you for the update.

    You may need to adjust the breakpoint in the css media query above to target smaller screens. Please try this css code.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top .grid-content h3 {
    font-size: 32px;
    text-align: center;
  }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.