[Gina Hong]

Hello,

I’d appreciate support on the following issues with the mobile version of the site: http://www.laccla.org/

1. The Top Menu for the mobile site is cut off: the first item (and it’s 2 sub-items) do not appear. How can I ensure that all menu items appear?

2. The photos for featured pages in the featured content slider are not responsive to the width of the screen (they are responsive on my Google Pixel phone, but they are not responsive on all my coworker’s iPhones). How can I assure that featured images in the slider are responsive?

3. The header video will not load on the mobile version of the site at all, so I also set a static header image as a fallback for the mobile site. However, now the desktop version of the site always shows a glimpse of that image before the video plays: is there any way to get rid of this?
Thank you!

[Skandha]

@gina-hong:
1. There seems to be an issue with the mobile menu. The issue will be fixed and an update will be released soon. I will let you know when the update is released. Thank you for reporting us the issue.

2. The images in the slider seems to be responsive at my end. Can you attach me a screen shot of how it is showing up in iPhones so that I can look into the issue.

3.The header video not appearing on mobile phones or smaller screen is a default feature of the WordPress. To alleviate concerns about bandwidth, videos are only loaded on the front page for viewports that are at least 900 pixels wide and 500 pixels tall. For more information please check out this link.
To get rid of the image appearing before the header video
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

@media screen and (min-width:900px) {
	.custom-header {
		background-image:unset !important;
	}
}

[Skandha]

@gina-hong: Hello there,
The theme update has been released. Please update the theme and let me know if there is any issue.

Kind Regards,
Skandha

[Author]

Posts