Topic: Couple of errors on responsive design

Hello,

1. I’ve disabled cropping in theme-functions.php file for posts images. Please check them now.

2./3. Please specify how you want hover sections to be displayed. Please note there is no much space for it on mobile as on desktop screen.

4./5. I’ve added this code in custom.css file to change the icon:

@media only screen and (max-width: 480px) { .post-single .wp-picture .zoom a:last-child span:before {
  content: "\f0b2" !important;
  font-size: 18px;
  font-family: FontAwesome !important;
  left: 50%;
  top: 50%;
  margin-top: -6px;
  margin-left: -7px;
}}

Please check.

6. I’ve added this code in custom.css file:

.single_job_listing .company img {
   top: 3px !important;
}

Please check your site on mobile device now.

Regards,
Eva Kemp.

Hello,

6. The icon has been fixed. Please check.

2./3. I’ve edited the top tooltip. Unfortunately the block for the left hover button can’t be moved to the left as on desktop. As you can see there is no free space on mobile to achieve it.
As a variant we can hide these hover icons on mobile.

Regards,
Eva Kemp.

Hello,

Please add this code in custom.css:

@media (max-width: 480px) { .et-tooltip > div {
  display: none;
}
.tp-caption .randomrotate .start {
  display: none;
}}

Regards,
Eva Kemp.

Hello,

Please add this code in custom.css:

@media (max-width: 480px) {.et-tooltip, .tp-caption.randomrotate.start {
  display: none;
}}

Best regards,
Jack Richardson.