Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 14, 2020 at 11:57 am #1173240
    YourChoice Informatik GmbH

    Hi
    We use Reiter (tabs) on one page.
    Works fine, but on mobiles, the active Reiter (tab) is not visible because the color is wrong.
    How we can change the color only for mobiles?
    See example on private section.
    Thanks.
    Best regards
    Mike

    January 14, 2020 at 9:19 pm #1173637
    Basilis

    Hey Michael,

    We cant see the web site it is locked, how can we help?

    Best regards,
    Basilis

    January 21, 2020 at 10:25 am #1176635
    YourChoice Informatik GmbH

    Hi Basils
    I sent you the login data, so you could see it.
    Now the website is official, so you can also see it without login.
    Best regards
    Mike

    January 22, 2020 at 4:11 am #1177006
    Rikard

    Hi Mike,

    I’m getting 404 errors on all the URLs you posted. I’m guessing you moved the site?

    Not Found
    The requested URL /chronik/ was not found on this server.

    Best regards,
    Rikard

    January 22, 2020 at 11:30 am #1177124
    YourChoice Informatik GmbH

    Hi Rikard
    Ups, sorry about that!
    Yes, in the meantime the website is live and has a new URL.
    See private content.
    Best regards
    Mike

    January 23, 2020 at 8:41 am #1177441
    Rikard

    Hi Mike,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.main_color .tabcontainer .tab {
    color: blue !important;
}
}

    Best regards,
    Rikard

    January 23, 2020 at 12:25 pm #1177571
    YourChoice Informatik GmbH

    Hi Rikard
    It works!
    Thanks very much.
    You can close this issue.
    Best regards
    Mike

    January 23, 2020 at 12:42 pm #1177584
    YourChoice Informatik GmbH

    Sorry, one last question.
    Is it also possible to change the color for the active tab?
    Best regards
    Mike

    January 23, 2020 at 9:05 pm #1177867
    Victoria

    Hi Mike,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .main_color .tabcontainer .tab.active_tab {
    color: #1a1818;
    outline: none;
    font-weight: normal;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 24, 2020 at 10:55 am #1178070
    YourChoice Informatik GmbH

    Hi Victoria
    This works! Thanks very much.
    Perhaps one little last question.
    We have a lot of tabs on this page, see private content. There are three rows of tabs.
    Now it looks a little bit special, that the second row has no border at the bottom.
    How we can set here also a border with CSS?
    Thanks very much.
    Best regards
    Mike

    January 25, 2020 at 9:41 am #1178293
    Rikard

    Hi Mike,

    Please try this CSS as well:

    .js_active .top_tab .tab {
    border-bottom: 1px solid #fff;
}

    Best regards,
    Rikard

    January 27, 2020 at 12:57 pm #1178673
    YourChoice Informatik GmbH

    Hi Rikard
    Thanks for the code. It works, but it does not look good, because the tabs also have top borders and then it looks very fat ;-)
    We let it without.
    You can close this issue.
    Best regads
    Mike

    January 28, 2020 at 6:21 am #1178878
    Rikard

    Hi Mike,

    Yes, that is the problem. But the code to only add bottom border to some of the elements would be a bit complicated unfortunately. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change style of Reiter (tab) on mobiles’ is closed to new replies.