Hey kheong!

You can follow these steps. You can add this on js > avia.js.

$('#avia-menu li a').click(function(event) {
    
		$('#avia-menu li a').click(function(){
			 $('#avia-menu li a').removeClass('active');
			 $(this).addClass('active');
		});
		
	});

Then add this on your custom.css or Quick CSS;

#avia-menu li a:hover, #avia-menu li a.active { background: #ff0; color: red !important; }

You can try the effect by creating a page with 3 Color Sections. Set an id on “For Developers: Section ID” field. Name the sections 1, 2 and 3 respectively. Go to Appearance > Menus, create a new menu. Add custom links with URL like #1, #2 and #3.

Regards,
Ismael

Hi pmconsulting!

Can you please give us a link to the website?

You can add this on your custom.css or Quick CSS:

.current_page_ancestor.active-parent-item > a {
color: red;
}

This is for the current submenu item:

.current_page_ancestor.active-parent-item > .sub-menu .current-menu-item a {
color: red !important;
}

Regards,
Ismael

Hey NavGrief!

Can you please give us a link to the product page with the huge images? Have you tried to regenerating the thumbnails?

Regards,
Ismael

Hey subra68!

You’re using a very old version of theme. Please download Enfold 2.3.2 on your themeforest account then override the theme files via FTP. https://vimeo.com/channels/aviathemes/64927356

Regards,
Ismael

Hello!

I’ll ask Devin to check the website. He can check it on an actual iPad.

Cheers!
Ismael

Hi!

Please try deactivating all active plugins and check if issue remains

Cheers!
Yigit

Hello!

Please add following code to Quick CSS in Enfold theme options under Styling tab

.title_container { display: none; }
.logo img { height: 88px; }

Cheers!
Yigit