Quick Website Tweaks

[jsaunde1]

Hello Guys,

First and foremost, AWESOME job with the website platform. I just have a few tweaks. Ultimately, my website will be used on mobile mostly and unfortunately I’m having some trouble with a couple of things.

1. The Logo on the homepage does not show on Safari mobile. i tried your suggestions to upload a logo image for retina display but it didn’t work.

2. Also, on the home page, the iPhone slider images seem to be off center.

Is there any way you could help? I attached screenshots as well.

[Nexus]

Pls reply as a private message here with the site URL and a temporary login to the WordPress dashboard and I will fix these issues for you. Thanks!

[jsaunde1]

This reply has been marked as private.

[jsaunde1]

This reply has been marked as private.

[Raghavendra]

The slight offset of slider images in iPhone can be fixed programmatically by changing the top, left or width values in the Custom CSS below for the iPhone resolution –

@media screen and (min-width: 320px) {
.iphone-slider-container .flex-slider-container {
top: 18.9%;
left: 14.1%;
width: 71.78%;
height: 65%;
}
}

I think better solution would be to actually have a black background for the iPhone slider image. That way slight variations like this which occur only in certain resolutions would not bother you. Will send you a new staging iPhone slider screenshot for the slider so that this issue will get resolved automatically.

For the logo issue, I am not able to login with the credentials you have provided. But from the source code I see that you have not specified the width and height of the retina logo which is the root of this issue. You should see the logo appear on the phone if you provide the actual height and width of retina logo image in the theme options panel as seen below –

https://docs.google.com/file/d/0B9j6FQo4cSQFZzZOMkJYSlZtZm8/edit?usp=drivesdk

[Nexus]

I have attached a new iPhone slider stage image. Please replace the current image with the attached image inside the “images > sliders” folder.

[jsaunde1]

This reply has been marked as private.

[Raghavendra]

This reply has been marked as private.

[jsaunde1]

Ok, i can take care of that. Are you able to get the logo in the header for Safari mobile on iOS?

[jsaunde1]

Nevermind, I got it!!

[Author]

Posts