Return to previous page

Couple of errors on responsive design - by revolvd

This topic has 8 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

revolvd

Participant

July 9, 2015 at 14:39

Hi,

I’ve been testing my website on my iphone, and I’ve got some errors that needs to be fixed, but I don’t know how, hope you can help me.

I’ve put all of them into one image, so it’s easier for you to see them. And all the things I want to have done, has been written on the image just under the screenshots. Hope you can help me out.

Thanks! 🙂

I’ve attached a link in private content for the image with the errors 🙂

Please, contact administrator
for this information.

#74295 Copied Theme version: 1.8

7 Answers
Eva Kemp

Support staff

July 9, 2015 at 16:26
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.
#74319 Copied
revolvd

Participant

July 10, 2015 at 07:23

Hi again,

6. The icon you fixed to get it centered works fine on my iphone but when I see it on the computer it isn’t centered, please help me? http://jantonycph.revolvd.dk/job/saelger-til-udland/

2/3. Can we get it as much as similar to desktop screen?

#74399 Copied

Eva Kemp

Support staff

July 10, 2015 at 10:41

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.

#74448 Copied

revolvd

Participant

July 13, 2015 at 09:01

2/3. Can we hide the hover icons on mobile, and if we do that, what about the text “Hover me”, would that be hidden too? 🙂

#74755 Copied
Eva Kemp

Support staff

July 13, 2015 at 13:10
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.
#74826 Copied
revolvd

Participant

July 14, 2015 at 07:51

The buttons and the text “Hover Me” and the arrow, is still there, can’t we hide them too?

#75020 Copied
Jack Richardson

Support staff

July 14, 2015 at 09:03
Hello,

Please add this code in custom.css:
```
@media (max-width: 480px) {.et-tooltip, .tp-caption.randomrotate.start {
  display: none;
}}
```
Best regards,
Jack Richardson.
#75040 Copied
Viewing 8 results - 1 through 8 (of 8 total)