Top Menu Notification and Messages numbers are cut off

[rlarson87]

Hi, in the top menu the number icons for the notifications and messages are being cut off by the top of the screen. See the blue 2 in the screenshot. Please fix.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

Please try the below CSS in your KLEO Child theme’s style.css by going to Appearance > Editor > KLEO Child > Style.css or by going to Theme Options > General Settings > Scroll to: Quick CSS. Please clear your cache to see changes (Ctrl+F5)

.top-bar li {margin-top: 7px;}

Thanks,

Kieran

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[rlarson87]

This did not fully work. The top menu margin is larger, but it made the top menu social icons, login and register links go into weird drop down sections.

Please advise.

[rlarson87]

This reply has been set as private.

[Kieran_SQ]

Hi,

Please let me know how you would like it to fit. If you let me know as much info as possible I should be able to make it work via CSS.

Thanks,

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[rlarson87]

Hi, I would like the top menu to appear like in the first screenshot where you can see the links, but I just don’t want the blue numbers getting cut off by the top of the screen.

The code you gave me before increased the margin in the top menu, but it put all the links in “+” drop downs which I don’t want. See the second screenshot.

Attachments:

You must be logged in to view attached files.

[Kieran_SQ]

Hi,

You can try the below CSS which will make the notifications inline.

COPY CODE

a.notify-contents.js-activated {
    padding-right: 30px;
}
.kleo-notifications {
    right: -25px;
    margin-top: -10px;
}

Kieran.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts