Number in Price table can not be seen on Apple device

Hey shtzhang,

Thank you for the inquiry.

Did you add this css code?

.main_color a, .main_color .widget_first, .main_color strong, .main_color b, .main_color b a, .main_color strong a, .main_color #js_sort_items a:hover, .main_color #js_sort_items a.active_sort, .main_color .av-sort-by-term a.active_sort, .main_color .special_amp, .main_color .taglist a.activeFilter, .main_color #commentform .required, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .main_color .blog-categories a, .html_elegant-blog #top .main_color .blog-categories a:hover {
    color: #6786a1;
}

You may need to override it with the following css rule to change the color of the price on mobile view.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .main_color .avia-pricing-row strong {
     color: #ffffff;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

You can add the last css code that we posted above to override the first one. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code. And please purge the cache or remove the browser cache before checking the page.

Best regards,
Ismael

Hi!

Sorry for the delay. To make it work on tablet screens, please adjust the css media query or look for this line.

@media only screen and (max-width: 767px) {

Replace 767px with 989px.

Regards,
Ismael

Hi,

Try to adjust the media query further or create another media queries for those devices. You can find examples of css media queries for different devices in the following article.

// https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Ismael