WordPress.org

Ready to get started?Download WordPress

Forums

Shell Lite
[resolved] Menu items in Main menu not vertically centered in FF, but are in IE (15 posts)

  1. wpfan1000
    Member
    Posted 2 years ago #

    Hi,

    I have the Main menu selected for the Primary Menu.

    The menu items in Main menu not vertically centered within in FF, but are in IE.

    I tried to fix this in css this way:

    Height is 44px;
    Text height is 12px
    Padding = (44 - 12) / 2 = 16

    So I made the bottom padding 16 px and it looks ok now in FF but not in IE now

    Please help

    http://wordpress.org/extend/themes/shell-lite/

  2. wpfan1000
    Member
    Posted 2 years ago #

    PS the same happens with Responsive theme

  3. wpfan1000
    Member
    Posted 2 years ago #

    Ok I figured it out - It is because I had a minimum font size set in FF - once I set this to None then the text vertically centered ok.

    (FF > Options > Content > Advanced > Min font size)

    Still though, I most other cases with other themes, even if the minimum font size is set, the text still remains vertically centered.

    Help would still be appreciated since I imagine other people will have set minimum font size especially on large monitors.

  4. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Great, I am glad that you figure it out. There are no known menu issues on neither of the Theme. Even when you decrease the font size in browser the menu would be aligned and display the same. My guess is that this is an outdated FF browser or there're some installed extension that are causing the issues. Sometimes even the stuff on your computer can make browser act weird, especially if you're on PC.

    Here's FF at the minimum font for both Themes:
    http://cl.ly/2W3w3e282z1Y0P2m3H3G
    http://cl.ly/3l29311T381P2v3s0v2l

    Thanks for using Shell,
    Emil

  5. wpfan1000
    Member
    Posted 2 years ago #

    Hi,

    Thanks for your reply.

    Just in case I did not explain properly when I said I figured it out - I figured out the cause, not the solution.

    I would like to work with you to fix this, so I would like to make the following points in response to your comments above:

    1)
    > There are no known menu issues on neither of the Theme

    Well I have an menu issue, so you have one now :-)

    2)
    > Even when you decrease the font size in browser....
    I am not sure what you mean exactly by this but to be specific:
    If I do not set a MINIMUM font size in FF and then increase or decrease the font size in the browser, the text remains vertically centered
    Only if I set a minimum font size in FF then the font sinks to the bottom of the menu bar

    3)
    > My guess is that this is an outdated FF browser
    No, I am using FF 10.02

    4)
    > or there're some installed extension that are causing the issues.
    No, because as I indicated, your themes are the only ones that this is happening on.
    I have been developing my own themes for Drupal and WP for 3 years, have worked with many menus on many themes and this only happens on yours - this would indicate it is not extensions....

    5)
    > Here's FF at the minimum font for both Themes:
    Not sure what you mean by this
    Either minimum font is enabled or not, and then set at a particular size.

    Based on the above I would say this is an issue that should be looked at...

    Thanks

  6. wpfan1000
    Member
    Posted 2 years ago #

    6)
    > Sometimes even the stuff on your computer can make browser act weird, especially if you're on PC.
    I think it would be better to take a close look at this issue and its causes, then to dismiss it on some weird pc gremlin.

    Just to add:
    This issue does not happen on any other WP theme I am trying including twentyten, twentyeleven, hybrid, thematic, etc. Would that wierd pc gremlin be able to tell which theme I am using?

  7. wpfan1000
    Member
    Posted 2 years ago #

    [solved]
    After looking at how the thematic theme does it, I fixed this issue by setting the following in the child theme of Shell Lite:

    .menu a {
    line-height: 2em;
    font-size: 1.2em;
    height: 2em;
    }

    the values are not important obviously, but using ems allows the theme to adjust to fonts that are made bigger by the browser or the OS.

    Using fixed px values as your themes do does not allows for this.

  8. wpfan1000
    Member
    Posted 2 years ago #

    As I mentioned, the same happens with Responsive theme, and I found the same fix works for it too

    As a theme designer I am sure you are aware of the proportional (em, %) vs fixed (px) debate, I would suggest you consider changing your themes to proportional.

    A fixed font size is going to look awfully small on a large monitor.

    I just also wanted to say that I really like your themes, that is why I spent some time finding a solution to my problem, and I thank you for making them available.

  9. wpfan1000
    Member
    Posted 2 years ago #

    Well this fix led to another problem - LOL - only in IE - the active menu item's height is larger than the menu bar - and I have spend hours trying to fix it with no success.

  10. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    What's your URL and also can you do some screenshots for me please?

    P.S. We also have dedicated support at http://themeid.com/forum

    Thanks,
    Emil

  11. wpfan1000
    Member
    Posted 2 years ago #

    Hi,
    I am happy to provide some screen shots but this forum does not allow images - does yours?

    I am also happy to pm you with the url if you could give me a contact email.

    Thanks

  12. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Most definitely, please http://themeid.com/contact :)

    Emil

  13. wpfan1000
    Member
    Posted 2 years ago #

    Thanks for your help Emil

    This issue has been resolved.

  14. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Anytime!

    Emil

  15. wpfan1000
    Member
    Posted 1 year ago #

    Markng as Resolved

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags