• Resolved Mike G

    (@djmikeg68)


    I’m using some CSS to create a media screen, so the fonts in my Minamaze Pro theme look big enough on a desktop view (default is too small).

    When the theme is shrunk to tablet or phone, the fonts reduces in size as expected to the default font (11px) – which suits those devices.

    But the code below is not quite achieving what I want in desktop view. All the text is suitably enlarged (16px), except the header menu’s sub-menu text. The font size at the top of the menu is fine, but the submenu text is too small default size.

    Sample page: LINK.

    Can you suggest some code to fix this?

    Thanks.

    Current media screen CSS:

    @media only screen and (min-width: 1024px) {
        p {
            font-size: 16px;
        }
       li {
            font-size: 16px;
        }
        blockquote, q {
             font-size: 20px;
        }
       ul {
            font-size: 16px;
        }
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello Mike,

    the link texts in the sub menus are wrapped with span elements and use the rule #header .header-links .sub-menu a (line 827 in “style.css”) with a font size which seems to overrule your rules.
    Try this:

    .sub-menu a span {
        font-size: 16px;
    }
    Thread Starter Mike G

    (@djmikeg68)

    Bhdzllr, thankyou.

    That works perfectly. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘need code help with media screen for desktop view’ is closed to new replies.