Distance between site-title and the site-description for mobile devices

  • Posted in : Read WP
  • mooco
    Participant

    Hello,

    I would need to fine tune the distance between the site-title and the site-description, both for the wide screen but above all for when it resizes to ipad, ipad mini, and iPhone through media queries (iPhone size is the most important)

    thanks in advance for your kind help

    Mehmet S.
    Keymaster

    Can you provide a screenshot?

    mooco
    Participant

    I just did it with this extra CSS code:

    it seems working fine

    @media (min-width: 768px) and (max-width: 1024px) {
    .main-navigation { font-size: 1.28em; }
    #nav #search-form #search { min-width: 65px; }
    h1.site-title { font-size: 1.1em; }
    h2.site-description { font-size: 1em; }
    .entry-header { font-size: 1em; }
    .entry-content { font-size: 1.4em; }
    .post-list { font-size: 1.1em; letter-spacing: 0.08em }
    }

    @media (max-width: 767px) {
    h1.site-title { font-size: 1em; line-height:3em }
    h2.site-description { font-size: 0.8em; line-height:1.5em }
    .entry-title { font-size: 1.1em; }
    .entry-header { font-size: 1.1em; }
    .entry-content { font-size: 1.1em; }
    .post-list { font-size: 1.1em; letter-spacing: 0.08em }
    }

    Mehmet S.
    Keymaster

    Ok, good luck.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register