Field Names Mobile/Small Screen

briancraw
(@briancraw)

3 years, 3 months ago

Hi Greg,
When looking at the searches found page in mobile or small screen the field titles are hidden so you see the entry for the field but not the name. `The result is seeing the entry buy not knowing what the field is. Is there something I can do to keep the field titles from becoming hidden when resizing? Here is an example of full screen and mobile.

Thanks! Brian
<p></p>
<p></p>

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Greg Winiarski
(@gwin)

3 years, 3 months ago
Hi,
you can have labels displayed in the mobile view by adding the code below in wp-admin / Appearance / Customize / Additional CSS panel
```
@media (max-width: 760px) and (min-width: 0px) {
  .adverts-single-grid-details .adverts-row-title {
    display: inline !important;
  }
  .adverts-single-grid-details .adverts-col-30 {
    width: 45% !important;
  }
  .adverts-single-grid-details .adverts-grid .adverts-col-65 {
    width: 55%;
  }
}
```
You can adjust the 45% and 55% as you see fit but the sum of these two values should be 100%.
Thread Starter briancraw
(@briancraw)

3 years, 2 months ago

Thanks Greg!

Thread Starter briancraw
(@briancraw)

3 years, 2 months ago

I appreciate your help! I may be in a small group who seeks to reduce available features 🙂

Would you also be able to tell me how to remove the date from the ad shown in this image?

I also would like to remove the contact information also.

Thread Starter briancraw
(@briancraw)

3 years, 2 months ago
Plugin Author Greg Winiarski
(@gwin)

3 years, 2 months ago
1. the date does not have its own HTML tag so it is not possible to remove only the date with CSS code, you would need to open the file wpadverts/templates/single.php and remove it from there, it is online about 22.

The changes you will make in the single.php will be overwritten on WPAdverts update, to avoid that you should create a child template for the single.php file as explained here https://wpadverts.com/doc/child-themes-and-templates/

2. you can do that by adding the code below in your theme functions.php file
```
add_action( "init", function() {
    remove_action('adverts_tpl_single_bottom', 'adverts_single_contact_information');
}, 100 );
```

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Field Names Mobile/Small Screen’ is closed to new replies.