Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 8, 2016 at 8:53 am #644613
    BrendaSarg

    Hi there,

    I added the following code for the pricing table I have in an accordion.

    .tab_titles {
    margin-left: 42%;
    }

    .tab {
    font-size: 16px !important;
    }

    .pricing-table {margin-left: 380px; margin-right: 380px;}

    div .main_color .tabcontainer .active_tab { background-color: #004a87; font-color: white; }

    .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab {
    color: #ffffff;
    }

    I love it on desktop, but on mobile it looks terrible? Can you help me out?

    June 9, 2016 at 10:31 am #645346
    Ismael

    Hey BrendaSarg,

    Thank you for using Enfold.

    Wrap the code inside a css media query so that it will only affect the desktop view.

    @media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

    Best regards,
    Ismaelo

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.