Hey mikel!

Thank you for using the theme.

You can utilize the color sections and the fullscreen slider. Add backgrounds, image or video then enable the scroll down arrow navigation on the slider. Create a one page navigation, refer to this link: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

Regards,
Ismael

Hi!

@RadioBardak: Just add this on Quick CSS or custom.css:

.av-share-box {
display: none;
}

Regards,
Ismael

Hey jedasim!

Thank you for visiting the support forum.

You can use this on Quick CSS or custom.css:

#menu-item-1765 span.avia-menu-text {
background: red;
padding: 5px;
color: white;
}

Regards,
Ismael

Hey!

Thank you for using the theme.

If you want to use the fallback image on the fullwidth easy slider, you need to use the video slide. Remove the iframe code that you added then use this URL for your video http://vimeo.com/100462310. Add a fallback image. The video will play on desktop view then show the fallback image on mobile devices.

Best regards,
Ismael

Hey mikel!

Thank you for using the theme.

Are you using the color section? Add an id to it, transparent-bg for example. Add something like this on Quick CSS or custom.css:

#transparent-bg:before {
content: '';
display: block;
width: 100%;
min-height: 1000px;
background: rgba(255,255,255,.4);
z-index: 9999;
position: absolute;
}

Cheers!
Ismael

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