hide Icon Mobile on View

Resolved mrostron
(@mrostron)

6 years, 9 months ago

Hi,

Using your add on bundle i have a site which is running nicely, however the icons that are available to used when creating custom fields are not reflective of the fields i have. They work ok on a desktop view where you have the icon and the field name, however on mobile where your have only the icon then it gets confusing.

How can I hide the icons on mobile views and show the field title / label instead?

Thanks,
Max

Viewing 1 replies (of 1 total)

Plugin Author

(@gwin)

Hi,
to hide the icons and show labels instead you would need to go to wp-admin / Appearance / Customize / Additional CSS panel and add there the code below


@media (max-width: 760px) and (min-width: 0px) {
  .adverts-grid-col.adverts-col-30 {
    width: 100%;
  }
  .adverts-grid-col .adverts-row-title {
    display: block !important;
  }
  .adverts-grid-col .adverts-icon-tags {
    display: none !important;
  }
}

Viewing 1 replies (of 1 total)

The topic ‘hide Icon Mobile on View’ is closed to new replies.