Home Forums Arnold WordPress Theme How do I style the mobile version of the Slider tab list separately?

This topic contains 4 replies, has 2 voices, and was last updated by  john 2 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #14480

    john
    Participant

    Hi there,

    I’ve successfully styled the Slider tab list with the following:

    .grid-item-tit, .product-caption-title, .bm-tab-slider-trigger-tilte {
    font-family: ‘ExecutiveRegular’, sans-serif !important;
    letter-spacing: -2px;
    font-size: 38px;
    }

    You’ll see I set the font size (I see it at this size on larger devices) and letter-spacing. However, when the site responsively adapts for mobile, the Slider tab list text size is too small and the letter spacing (which is needed for the widely spaced Executive font) is too tight.

    Can you let me know how I can style the Slider tab list for mobile/smaller devices separately?

    Thanks in adv!

    #14486

    BWSM
    Keymaster

    Hi,

    You mail says that the question was fixed, is it?

    Regards!

    #14487

    john
    Participant

    Not yet! I want to know how to style the mobile (smaller) version of this style!

    #14495

    BWSM
    Keymaster

    Please use the custom css to change the tabslider text style on Mobile:

    @media(max-width:767px){
        .responsive-ux .bm-tab-slider-trigger-tilte {
        letter-spacing: 1px;
        font-size: 16px;
        line-height: 30px; }
    }
    #14502

    john
    Participant

    That’s done it. Thanks, SO HAPPY!

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

You must be logged in to reply to this topic.