New Landing › How can we help? › Atelier › Tab Titles Cut Off on Mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • January 27, 2017 at 6:20 pm #311684
    lkarr
    Member
    Post count: 7

    When viewing the site on a mobile device, the tab titles on the Reviews page have text cut off when selected. The red highlighting that appears over the tab title when it is selected is a fixed width that is not long enough to accommodate the full title, resulting in cutoff text. Screenshots attached. Please let me know how to fix this.

    Attachments:
    You must be logged in to view attached files.
    January 30, 2017 at 5:58 pm #311886
    David Martin – Support
    Moderator
    Post count: 20834

    Please add this to Theme Options => Custom CSS:

    @media only screen and (max-width: 479px) {
.nav-tabs>li {
    width: 100%;
}
}
    February 1, 2017 at 7:56 pm #312244
    lkarr
    Member
    Post count: 7

    Hi David,

    Thanks for the response. I added this code to the Custom CSS area, but it has not resolved the issue. Could you please take a look?

    February 1, 2017 at 8:05 pm #312246
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Something went wrong in the copy/paste
    https://www.dropbox.com/s/pi7gtf5ws1nmbmt/Screenshot%202017-02-01%2019.04.45.png?dl=0

    I fixed it for you. Clear the cache and check the page again.

    -Rui

  • Back to forum
    Posted in: Atelier
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register