Okay
  Public Ticket #2538707
Design of 'tabs' on mobile
Closed

Comments

  •  2
    melsaunders started the conversation
    September 14, 2020 at 12:55pm

    Hi - I am trying to change how the 'Tabs' element looks on mobile. Would you be able to help me either by showing me which code to edit - or by supplying the custom CSS to make it like the one shown on the attached visual. I show an example of how it looks by default (1) - and how I would like to style it (2).

    Many thanks,

  •  3,208
    Andrew replied
    September 14, 2020 at 6:33pm

    Hi there,

    Try the following custom css:

    @media only screen and (max-width: 1000px) {
    .tabbed[data-style="minimal"] >ul li a span {
    background: #ebe9e9 !important;
    padding: 5px 10px;
    font-size: 15px;
    margin: 0 -13px;
}
.tabbed[data-style="minimal"] >ul li a.active-tab span {
    background: #a4a4ed !important;
}
}

    Hope this helps.

  •   melsaunders replied privately
  •  3,208
    Andrew replied
    September 15, 2020 at 4:41pm

    Hi there,

    We are not available for custom work outside support. You can find a freelance available for pay out there.

    I have updated the recently sent css. Can you copy again to change active tab and add margin.

    Thanks.

  •  2
    melsaunders replied
    September 17, 2020 at 8:21am

    That is great - thanks for your help!