Home Forums WoodMart support forum MENU TITLES NOT CENTERED VERTICALLY

MENU TITLES NOT CENTERED VERTICALLY

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #435549

    pharmacy1
    Participant

    Hi.

    When a desktop PC has a low screen resolution , then the Titles of the Menu Items are not centered vertically.
    Please look at the attached image.

    Regards

    Attachments:
    You must be logged in to view attached files.
    #435745

    Hello,

    Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .wd-nav-main>li>a, .wd-nav-secondary>li>a { height: auto ; }
    .wd-nav-main>li>a, .wd-nav-secondary>li>a>span { font-size: 11px ; }

    Actually, the Letters in your other Language are big enough so they aren’t getting adjusted accordingly which is why we have provided you with the Custom CSS to adjust the font-size of it which is the best possible scenario here.

    Hope you can understand !

    Best Regards

    #435915

    pharmacy1
    Participant

    No , I think that you could make the words to be in two lines (when in low resolutions) but they should be in the center

      of every line , not like now one on the top (on the upper line) and the other to the bottom (the lower line).
    • This reply was modified 2 years, 4 months ago by pharmacy1.
    #436023

    Hello,

    Making them appear in two lines here would appear something like this: https://snipboard.io/5AYZkq.jpg, which might not look good. That is why we suggested you adjust the Font Size here.

    Hope you can understand !

    Best Regards.

    #436085

    pharmacy1
    Participant

    Making them appear in two lines here would appear something like this: https://snipboard.io/5AYZkq.jpg, which might not look good. That is why we suggested you adjust the Font Size here.

    Yes , I really think that this would be much better visually , comparing with the form you have now , or comparing with the small font size.

    Regards

    • This reply was modified 2 years, 4 months ago by pharmacy1.
    #436288

    Hello,

    If you are ok with the last mentioned one, then only apply the following Custom CSS on your Site:

    .wd-nav-main>li>a, .wd-nav-secondary>li>a { height: auto !important; line-height: 2em !important; }

    Location to paste Custom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section >> paste the CSS.

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)