Return to previous page

Only first character capital letter for sub-menu

This topic has 12 replies, 4 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

  • Avatar: zouking
    zouking
    Participant
    March 30, 2016 at 11:03

    Hi,

    My website surrently using sub-menu. But the fonts are all in capitals letters. How to configure it so that only the first character is capital letter?

    For example

    Instead of showing up as DOG, i wish it will be Dog.

    Please refer to private content for printscreen.

    Thanks

    Please, contact administrator
    for this information.
    #119350 Copied
    11 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 30, 2016 at 11:14

    Hello,

    Please add this code in Global Custom CSS section:

    .menu .nav-sublist-dropdown ul > li > a {
   text-transform: capitalize !important;
}

    Best regards,
    Jack Richardson.

    #119352 Copied
    Avatar: zouking
    zouking
    Participant
    March 30, 2016 at 11:17

    It is still all capitalized.

    #119353 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 30, 2016 at 12:10

    Hello,

    I’ve edited the code.
    Please check menu now.

    Best regards,
    Jack Richardson.

    #119365 Copied
    Avatar: zouking
    zouking
    Participant
    March 30, 2016 at 14:43

    Hi,

    It’s capitalized when view on mobile.

    There is also a gap between the slider and first module of the landing page.

    How to close up the gap?

    Thanks

    #119400 Copied
    Avatar: Robert Hall
    Robert Hall
    Participant
    March 30, 2016 at 15:13

    Hello,

    Please use the following code in Global Custom CSS

    .mobile-nav li a {
    text-transform: initial !important;
}

    and this one in Custom CSS for mobile

    .home .wpb_content_element {
    margin-bottom: 0px;
}
.home .content-page {
    margin-top: 0px;
}

    Regards,
    Robert Hall

    #119408 Copied
    Avatar: zouking
    zouking
    Participant
    April 11, 2016 at 08:39

    Hi,

    i got 1 portion which cannot be change to upper and lower case.

    It’s in the homepage.

    And when i am hovering over the menu, the item which got the mouse cursor will disappear.

    Please advise.

    Please, contact administrator
    for this information.
    #120694 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    April 11, 2016 at 09:09

    Hello,

    Please use this code in Global Custom CSS:

    .menu .nav-sublist-dropdown ul > li > a:hover {
   color: #767676;
}
.home .wpb_content_element a:hover {
    color: black !important;
}
.home .btn.btn-white.medium {
    text-transform: capitalize;
}

    Regards,
    Eva Kemp.

    #120705 Copied
    Avatar: zouking
    zouking
    Participant
    April 11, 2016 at 09:13

    Hi,

    Button is fixed.

    But the dropdown in menu still the same.

    Please advise.

    THanks

    #120707 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    April 11, 2016 at 09:20

    Hello,

    The issue has been fixed.
    Please check the menu.

    Regards,
    Eva Kemp.

    #120709 Copied
    Avatar: zouking
    zouking
    Participant
    April 11, 2016 at 09:21

    Thanks!

    #120710 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    April 11, 2016 at 09:23

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #120712 Copied
  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Only first character capital letter for sub-menu’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Organic milk farm – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.