Support » Themes and Templates » responsive menu

  • 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.

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘responsive menu’ is closed to new replies.