Hi,

Thank you for the update.

Use these css codes to make the columns stack on top of each other, just like it does on phone view.

@media only screen and (max-width: 1024px) {
.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {
width: 100%;
max-width: 100%;
border-left: none;
border-right: 0;
left: 0;
top: 0;
min-height: 0!important;
}

.responsive .top_tab .tab.fullsize-tab {
margin-bottom: 0px;
display: block;
}

.responsive .tabcontainer .tab_titles {
display: none;
}

.responsive .tabcontainer {
border-width: 1px;
border-style: solid;
border-top: none;
overflow: hidden;
}
}

Best regards,
Ismael

Hi,

The product grid’s “WooCommerce Hidden Products visibility” is set to “Show hidden products only”. You have to set it to “Show all products” if you don’t have any hidden products in your catalog.

Best regards,
Ismael

Hey EALB,

Thank you for using Enfold.

Yes, it seems to be an issue with the TinyMCE script. It doesn’t occur when the plugins are deactivated. Please activate the plugins one at a time to find the conflict.

Best regards,
Ismael

Hey calnettech2,

Thank you for using Enfold.

You can try this css code but it’s not recommended because you will have to adjust lots of styles on mobile view. And a fixed header is quite unnecessary on mobile view because users can simply go back to the top of the page on tap.

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
    top: 0;
}
}

Best regards,
Ismael

Hey Jason,

Great! Glad that you figured out. :)
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael

Hey newki75,

Thank you for using Enfold.

You can use the Image element separated by columns and the Text Block for the title and caption.

Best regards,
Ismael

Hey holgerlietz,

Thank you for using Enfold.

You have to wrap those css codes inside a css media query, so that they will only be applied to a specific device or screen size.

// https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Best regards,
Ismael

Hey SandraSquires,

Thank you for using Enfold.

The links above are preview/draft so we need authentication to access it. Please provide the login details in the private field.
Have you tried to change the style of the H4 element in the Enfold > Advanced Styling panel?

Best regards,
Ismael

Hi,

Thanks for the update.

The sidebar displayed properly once I reset the page’ Layout > Sidebar Settings. I guess a plugin altered the “layout” meta info and sidebar option reset brought back the correct value, which is “sidebar_right”. (see private field)

Best regards,
Ismael

Hi,

Thanks for the update. Please provide the login details in the private fields so that we can test it.

Best regards,
Ismael

Hi,

This can be done in the child theme but you have to copy the whole portfolio folder inside a folder called “shortcodes” and then adjust the path of the portfolio assets (js/css).

// https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb

Add that filter in the functions.php file and then edit the portfolio.php file, look for this code around line 31:

function extra_assets()
			{
				//start sessions - only necessary for correct breadcrumb nav on single portfolio pages
				if(!is_admin() && !current_theme_supports('avia_no_session_support') && !session_id()) session_start();

				//load css
				wp_enqueue_style( 'avia-module-portfolio' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/portfolio/portfolio.css' , array('avia-layout'), false );

				//load js
				wp_enqueue_script( 'avia-module-isotope' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/portfolio/isotope.js' , array('avia-shortcodes'), false , TRUE);
				wp_enqueue_script( 'avia-module-portfolio' , AviaBuilder::$path['pluginUrlRoot'].'avia-shortcodes/portfolio/portfolio.js' , array('avia-shortcodes'), false , TRUE);
			}

Replace it with:

function extra_assets()
			{
				//start sessions - only necessary for correct breadcrumb nav on single portfolio pages
				if(!is_admin() && !current_theme_supports('avia_no_session_support') && !session_id()) session_start();
				$child_theme_url 	= get_stylesheet_directory_uri();
				//load css
				wp_enqueue_style( 'avia-module-portfolio' ,  $child_theme_url.'/shortcodes/portfolio/portfolio.css' , array('avia-layout'), false );

				//load js
				wp_enqueue_script( 'avia-module-isotope' ,  $child_theme_url.'/shortcodes/portfolio/isotope.js' , array('avia-shortcodes'), false , TRUE);
				wp_enqueue_script( 'avia-module-portfolio' ,  $child_theme_url.'/shortcodes/portfolio/portfolio.js' , array('avia-shortcodes'), false , TRUE);
			}

Best regards,
Ismael

Hi,

Thank you for the update.

1.) Use this css code to pull the logo towards the left of the header.

@media only screen and (max-width: 989px) {
    .responsive .logo img {
        left: -60px;
        right: auto;
    }

    .responsive .logo {
        margin-top: 13px;
    }
}

2.) How did you add the language switcher?

3.) The burger menu is not visible on tablet screens. You have to adjust the max-width value of the above css media query from 767px to 989px.

Best regards,
Ismael3

Hi,

Thanks for the update.

The theme doesn’t cache or store the API key in the database. If it does, it’s going to be saved as a transient data. However, I found a map filter in your functions.php file that is using the old API key so I disabled it. The map displays properly now.

function ava_googlemaps_apikey() {
	$prefix  = is_ssl() ? "https" : "http";
        wp_deregister_script('avia-google-maps-api');
	wp_register_script( 'avia-google-maps-api', $prefix.'://maps.google.com/maps/api/js?key=OLD API KEY HERE', array('jquery'), '3', true);
	wp_enqueue_script('avia-google-maps-api');
}
add_action('init', 'ava_googlemaps_apikey');

Best regards,
Ismael

Hey!

I guess I’ll keep rooting for browser updates.

Yes, that’s all we can do for now. Please feel free to open a new thread if you need anything else. :)

Best regards,
Ismael

Hi,

Thanks for the update. Try to use this css code to adjust the logo’s dimension on IE.

/*media all*/
.logo img {
    width: 198px;
    height: auto !important;
}

.header-scrolled .logo img {
    width: 99px;
}

`

Best regards,
Ismael