Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2019 at 4:58 pm #1133438
    ahanauer

    Hi there,

    I really like a lot the possibilty to enter a different font sizes for wide screen, tablet in mobile in the enfold theme.

    Is there a possibility to change font size via CSS for wide screen, tablet in mobile too?

    Here an example: With the following CSS I could adjust the heading of the search result page. On wide screen its fine, but on mobile is to big.

    .template-search .entry-content-wrapper .post-title {
    font-size: 24px !important;
    margin-top: 6px;
    color: #491550 !important;
    }

    I`m really excited, if there is a solution for responsive design via CSS!

    Best wishes and thanx for your support!

    Alex

    September 4, 2019 at 1:13 pm #1133820
    Rikard

    Hey Alex,

    You can add separate arguments for different screen sizes using media queries, like this which will target mobile screens:

    @media only screen and (max-width: 767px) {
  Your CSS goes here
}

    Best regards,
    Rikard

    September 11, 2019 at 2:13 pm #1137044
    ahanauer

    Hey Rikard,

    Sorry for answering with a little delay :-)
    It worked!

    Thank you very much!

    September 11, 2019 at 6:00 pm #1137133
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Adjust fontsize via CSS for wide screen, tablet in mobile’ is closed to new replies.