WordPress.org

Ready to get started?Download WordPress

Forums

responsive menu (4 posts)

  1. Brodie515
    Member
    Posted 1 year ago #

    Hi, I have a website (www.actionelectricdm.com), the site is showing up well on the desktop version, and most of the mobile site is showing up correctly, the only problem I am having is that the menu bar isn't showing up properly on the mobile devices, the css code is as follows:

    .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
    {
       font-family: Garamond,Arial, Helvetica, Sans-Serif;
       font-weight: bold;
       font-size: 18px; /* when this is at "1em" the mobile site works fine, but the text on the desktop is too small to read easily */
       text-align: left;
       text-decoration: none;
    }

    I have added a note on the "font-size" property, if I set it to 1em, it looks as it should on the mobile site, but the desktop site is much too small. Would you be able to assist me in getting the desktop as well as the mobile site's mobile to work together so they are both only on one line of the menu? I tried to make this as clear as possible, please let me know if you would like or need any additional information. Thank you in advance.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Use CSS media queries to change font sizes on mobile/ desktop
    http://webdesignerwall.com/tutorials/css3-media-queries

  3. Brodie515
    Member
    Posted 1 year ago #

    Andrew,

    Thank you for the speedy response, just so I'm clear, I would have to create a whole new style sheet just so I could change that one metric for font-size? Thank you again for the response.

    -Brodie

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    I would have to create a whole new style sheet just so I could change that one metric for font-size?

    Sorry, please ignore that part. It's completely irrelevant.
    Wow, bad tutorial. Not linking that again.

    Just focus on the part about Media Queries, or try this tutorial instead http://css-tricks.com/css-media-queries/

Topic Closed

This topic has been closed to new replies.

About this Topic