Need help? Check out our Support site, then

"e" falling off "Home" on mobile menu

  1. Hi there,

    I'm using the Themify free them. When I look at it on iPhone the letter "e" on the "home" menu item is pushed to the next line. I am using a child theme but not sure what to create or edit to fix this. Hoping someone can help!


  2. And now I've realized it's not simply on mobile. The same behaviour occurs if i just shrink the screen down on my desktop.

  3. I fixed that problem by increasing the width to #main-nav... below to 52 px but now I can't get the little house icon to sit centered in the button.

    It seems to me that the icon is already set to be centered??

    #main-nav .home {
    width: 42px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    #main-nav .home a {
    background: url(images/home-icon.png) no-repeat 14px center;
    width: 16px;
    text-indent: -9000em;

  4. ok. I realized 2 things:

    1st, you don't support this theme. just figured that out, sorry.

    but 2, I fixed it by adding padding-left of 10px to make up for the 10px i added in width to the button.

Topic Closed

This topic has been closed to new replies.

About this Topic