Menu title in Truly Minimal

  • Unknown's avatar
    jennalkirk · Member ·

    Hi,

    I am very much a fan of the Truly Minimal set up, but in the mobile version there is a very large ‘Menu’ that appears. it makes me think I have a restaurant, which I don’t.
    I am flexible in how I want to fix this, but when I type things into the CSS, nothing seems to change. How would I either:
    a. remove the ‘Menu’ altogether and just have the menu items listed
    or
    b. change the text of Menu to something like ‘Click for more information’

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    The minified “Menu” is designed to work with tablets and phones whereas the standard menu is not, especially when sites havesubmenus as submenus are not accessible to tablets and phones with the standard menu. Give the following a try. I’ve limited this change to 600px and narrower screens since I also made a change in the bottom margin for the header area to get rid of a bit of the whitespace between the menu and content. 

    @media screen and (max-width: 600px) {
  .menu-toggle {
    visibility: hidden;
  }
  .menu-toggle:before {
    visibility: visible;
    content: "Click here for more information";
    float: left;
    line-height: 35px;
    font-size: 90% !important
  }
  .site-header {
    margin-bottom: -30px;
  }
}

    See what you think.

  • The topic ‘Menu title in Truly Minimal’ is closed to new replies.