Hey!

Glad it worked and thank you so much for the kind words. Enjoy the theme. :)

Cheers!
Ismael

Hi!

No, both will work just fine but it’s better to add it on custom.css file especially when you’re using WPML. If you use the Quick CSS field with multiple language activated, you have to place it on each language’s Quick CSS field.

Best regards,
Ismael

Hey!

@comitzuu: Thanks for helping out! Appreciated.

@Kindbowebb: Just to add a little bit to @comitzuu’s response, you can do the following:

1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg.
2. Once all images are on the website, optimize with www optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets, you can also use W3 Total Cache’s minify settings but we use BWP for Enfold.
5. Install W3 Total Cache or WP-Super cache, select all recommended settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. Once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.

Best regards,
Ismael

Hey!

Thank you for the info.

Not sure why the mega menu behave that way so I’ll ask Dude to take a look. For the meantime, please add this on Quick CSS or custom.css:

li#menu-item-2602 div.avia_mega_div {
left: -250px !important;
}

Cheers!
Ismael

Hi!

Thank you for the update.

You don’t have to create a new page for the section. You need to use the Color Section element on the same page then add an id to it. Please review the article here: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

For example, create a color section with an id “blog” then a Blog Posts element to it. Create a new menu item called blog then add the anchor link which is “#blog”.

Cheers!
Ismael

Hi uvanlj1!

Thank you for using the theme.

Have you tried editing the Main Menu Links on Enfold > Advanced Styling option? Select the Main Menu Links element then edit it. Note that you can add two elements of the same kind. One for the hover state, another for the initial state.

Cheers!
Ismael

Hey!

Thank you for the link.

Please set the logo and menu position to Logo Center, Menu below on Enfold > Header Layout panel. Add this on Quick CSS or custom.css:

#header_main_alternate {
margin-top: 20px;
border-top: 1px solid #e1e1e1;
}

Looks like you managed to center align the portfolio sort container.

Regards,
Ismael

Hi!

You can use this plugin: https://wordpress.org/plugins/simple-image-sizes/

Look for the shop_catalog size thumbnail. Adjust the image size to your liking then regenerate the thumbnails. Note that the images will take the size of its container so the product image size will actually depend on the size of the columns. It is much better to increase the dimension of the shop_catalog_size thumbnail.

Cheers!
Ismael

Hey!

Glad it worked somehow.

Edit custom.css, add this code below:

@media only screen and (max-width: 1025px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1025px) {

		.responsive #top .mobileMenu{position: absolute; top: 50%; margin: -15px 0 0 0; width:250px; right:0; max-width: 250px;}
		.responsive .mobile_slide_out .logo{float:left;}
		.responsive .mobile_slide_out .logo img{margin:0; }
		.responsive .av_mobile_menu_tablet .main_menu{display: none; }
		.responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks { right: 50px; }
				}

Regards,
Ismael

Hi!

Thank you for the link.

I was able to reproduce the issue on my end. Not sure why two layer slider hinder the sidebar from showing. I’ll ask Kriesi and Dude to take a look.

Best regards,
Ismael

Hi!

Thank you for the update.

1.) There’s an inline styling on the links. Remove it:

<a title="THE TEAM" href="http://papernapkinmarketing.com/pages/theteam" target="_blank"><span style="color: #000000;">team</span></a>

2.) Note that css ID selector should be only for a single element. Use the columns to move the other columns to the right. For example add two 1/2 column layout then leave the first one blank. Add the content on the second one. This should render the content on the right side of the container.

3.) I’m sorry but can you please provide a screenshot of the heading or banners that you want to change?

Cheers!
Ismael

Hi Monsoon!

Thank you for using the theme.

Please add this on Quick CSS or custom.css:

.avia_transform .av_font_icon, .avia_transform .avia_start_delayed_animation.av_font_icon {
opacity: 1 !important;
-moz-transform: scale(1 !important);
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-animation: none;
-moz-animation: none;
-msanimation: none;
animation: none;
}

Regards,
Ismael

Hi felipemillan!

Thank you for using the theme.

Please edit js/avia.js and look for this code o line 801:

autolinkElements: 	'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"]',
				videoElements	: 	'a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"]',

Replace it by this:

autolinkElements: 	'autolinkElements: 	'a[rel^="prettyPhoto"], a[href*="iframe=true"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"]',
				videoElements	: 	'a[href*="iframe=true"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"]',

You can now add the url of the external site that you want to open via lightbox plus the ?iframe=true parameter. Something like this:

<a href="http://kriesi.at?iframe=true">Open this</a>

Best regards,
Ismael

Hi!

Thank you for the info.

Can you please give us a temporary login details? We would like to check it. Set it as a private reply.

Regards,
Ismael

Hey skauper!

Thank you for visiting the support forum.

I checked the website and the logo is not overlapping the other one. You can add this on Quick CSS to increase the transparency of the shrinked header.

.header_bg {
opacity: .5;
filter: alpha(opacity=50);
}

Cheers!
Ismael