Mobile Issues

Can you please post a link to your site where I can see these issue so I can assist you better.

The URL is at the bottom of my previous post: kaitlynfreese.com

There are only three pages. The homepage has the carousel issue on mobile and the Portfolio has the display issue on mobile. I’ve had no problems with the Get in Touch page.

Hi kfreese,
You can use this css to make the arrows always show on the carousel for mobile:

@media (max-width: 768px) {
.next_carousel, .prev_carousel {
    opacity: .8;
}
}

You can paste that into your custom css box in Theme Options > Advanced Settings.
As for the other issues, what version of the theme are you using? Did you just notice this issue or has it always been happening?

Hannah

Hey,

I’m not experiencing any issues on mobile with your portfolio page.
Which device/browser are you experiencing this on?

This CSS will force the carousel navigation arrows to appear at all times on your site. Just place the CSS into Theme Options> Advanced Settings.

.next_carousel, .prev_carousel {
    opacity: .8 !important;
}

Let me know if this works for you!
-kevin

Hannah,

Thanks for the mobile specific CSS snippet, that worked perfectly!

I am using Version: 2.8.9 of the Free Virtue theme. I just made my site and it has been happening the whole time it’s been up. I can see the thumbnails on the portfolio page load for a split second as soon as the page opens, and then they’re invisible (white space). You can still scroll through them and if you tap anywhere in the empty space, you load a portfolio item – so the links are still there and working, the images just don’t show up.

Kevin,

I’m on an iPhone 6 using Safari.

Thanks!

I’ve discovered that if I leave the page open on my phone long enough (many minutes) that eventually the photos will show up. But why can I see them right when the page loads?

Hey,
Have you tried compressing your images? You can use this- https://compressjpeg.com/
Let me know if that makes a difference!

Hannah

Hannah,

I’ve compressed all of my images and am ready to re-upload them. The problem is, my website is a portfolio and there are 32 separate images, all with captions across multiple pages. Is there a plugin that will allow me to over-write the images I already have uploaded while keeping their captions and placements, or do I need to completely delete everything and start over? At that point, I might as well download a new theme.

Thanks!

I’m not aware of a plugin that does this. You wouldn’t be deleting each entire portfolio item, just replacing the featured image. You could test on a couple and see if this makes a difference on mobile. Regardless, using compressed images can help greatly with site speed.

Hannah

Hannah, I’ll give switching just the featured images a try later, but each featured image is also the first image in the portfolio item, so I’ll have to adjust accordingly.

Is there anything else that could potentially cause this though? I’m inclined to believe that this is a theme issue, since iPhone is the only platform I’m having the issue on that I’ve found. Anroid phones don’t have a display issue, and as I’ve mentioned, the images do load for a second on iPhone, before disappearing. Just thinking ahead-I’m not certain that the smaller file sizes will change anything.

Thanks!

A simple search led to me to a popular image replacement plugin, for reference: link.

I used it to replace the thumbnails that have been downsized, and I am still having the same problem with my Portfolio page. On Safari, on an iPhone, the thumbnails load, disappear, and then typically reappear many minutes later. There has to be a solution for this.

I’ve also noticed, on Safari on desktop, I am having a problem today that I was not having before today. The leading of all of my H3’s is rendering incorrectly, causing all of the letters to overlap one another. I tried removing the plugin I just mentioned, since it was the only change made since yesterday, but that did nothing. Any solutions to this new problem?

Thanks.

I’m actually inclined to think this isn’t a theme issue as I cannot get the issue to repeat on any of my sites and I have not heard of it happening from others. Try deactivating your plugins to test if any are conflicting. Let me know if there’s no change.

As for the H3 issue, I’m not seeing this. Have you tried clearing your cache? Can you send a screenshot?

Hannah

I only had four plugins. Tried deactivating them as suggested, and the only change is that my entire portfolio no longer exists or works at all. I’ve tried re-activating them, and still nothing. Thumbnails are still there, pages and posts exist in the back end, but all front-end links lead to a 404. Any idea how to fix that?

At this point I don’t forsee getting a solution to the rest of the Safari issues, but I’d like to at least fix the 404 error this has created.

Thanks,

I’m done trying to fix it, thanks for the mobile slider CSS, but this is way more trouble than it’s worth.

Thanks.

Sorry for your struggle! If you would like to email me a temp login I would be happy to help get things up and going for you. [email protected]

Hannah