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!

    Site: http://wwwTouchTheCow.com

  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