Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 4, 2018 at 5:47 pm #981306
    apremierdj

    I created a pricing table and noticed that when i’m in portrait mode on an iPad the Pricing falls out of the block. How can I fix this?

    https://www.dropbox.com/s/dywqfpub5mdiqbz/IMG_0017.PNG?dl=0

    July 6, 2018 at 10:33 am #981964
    Ismael

    Hey apremierdj,

    Thank you for using Enfold.

    Where can we see the issue? I can’t find the pricing tables on the “stlouisdj site. Did you use columns to separate the tables? Try to set their “Screen Options” > “Fullwidth Break Point” to the second option.

    Best regards,
    Ismael

    July 11, 2018 at 7:39 am #984050
    apremierdj

    The table is located here

    Staging2.stlouisdj.com/pricing

    July 11, 2018 at 7:48 am #984053
    apremierdj

    And still having the issue on small screens

    July 11, 2018 at 8:24 am #984062
    Nikko

    Hi apremierdj,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:959px) and (min-width:768px) {
  #top .pricing-table li.avia-pricing-row {
    font-size: 36px;
  }
}

    Hope it helps :)

    Best regards,
    Nikko

    July 11, 2018 at 5:54 pm #984317
    apremierdj

    Is there a way to make the titles bigger and the pricing smaller?

    July 11, 2018 at 6:20 pm #984323
    Jordan Shannon

    Hi,

    Add this to quick css:

    .first-table-item, .first-table-item h3{
font-size:20px!important;
font-weight:normal;
}

.avia-pricing-row, .avia-pricing-row h3{
font-size:16px!important;
color:#fff!important;
}

    Best regards,
    Jordan Shannon

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