Problem is fixed. It could be one of the plugins, but after deactivating all of the plugins, updating a few and reactivating them it works now.

Another thing: you have to specify the Slideshow Image Size “Portfolio Small 260×185” in order for the .avia-super-small-width-slider to be applied. Or another option smaller than 300px wide.

It doesn’t look at the parent column width to detect the size of the slideshow, but it looks at the image file name to see if the image is smaller than 305px wide.

On the other hand, for .avia-small-width-slider seems that it detects the column width and applies this class even if the image

I would like to hide the dots when I use these slideshows in 4 or 5 columns. I uploaded an image with original size 260×185 and in the slideshow I specified size: Original Size. The dots show.

Of course I can save the originals at 260×185 and choose this size in the slideshow options. The problem is at this size the images are not looking good on hi def screens like on an iphone.

I will figure it out and eliminate the dots. My question is:

What width should be the images to fit 100% in a slideshow inside a 1/3 column element, 1/4 col element and 1/5?

Same question for high def screens? I guess double the size?

I like to optimize and save the images the right size I need. What is the best approach to do so and have the perfect images for slideshows in columns without having them resized by wordpress?

Still not working on my end. I see it working on your test server.

Is this a bug or it might be something wrong with my installation. I will try to install the theme on a test domain and server with nothing else, just the theme and see if it works there or not by default without any hacks.

I’m copying below a bigger chunk of my code with your addons, please see if you spot any errors.

/**

* Frontend Shortcode Handler

*

* @param array $atts array of attributes

* @param string $content text within enclosing form of shortcode element

* @param string $shortcodename the shortcode found, when == callback name

* @return string $output returns the modified html string

*/

function shortcode_handler($atts, $content = "", $shortcodename = "", $meta = "")

{

global $avia_config;



$avia_config['current_column'] = $shortcodename;



$first = '';

if (isset($atts[0]) && trim($atts[0]) == 'first')  $first = 'first';



if($first)

{

if(!empty($meta['siblings']['prev']['tag']) &&

in_array($meta['siblings']['prev']['tag'], array('av_one_full','av_one_half', 'av_one_third', 'av_two_third', 'av_three_fourth' , 'av_one_fourth' , 'av_one_fifth' ,'av_textblock')))

{

avia_sc_columns::$extraClass = "column-top-margin";

}

else

{

avia_sc_columns::$extraClass = "";

}

}



if(in_array( $shortcodename, array('av_one_third', 'av_two_third', 'av_three_fourth') )) $meta['el_class'] .= ' avia-small-width-slider ';

if(in_array( $shortcodename, array('av_one_fourth' , 'av_one_fifth') )) $meta['el_class'] .= ' avia-super-small-width-slider ';



$output  = '<div class="flex_column '.$shortcodename.' '.$first.' '.$meta['el_class'].' '.avia_sc_columns::$extraClass.'">';



//if the user uses the column shortcode without the layout builder make sure that paragraphs are applied to the text

$content =  (empty($avia_config['conditionals']['is_builder_template'])) ? ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop($content)) : ShortcodeHelper::avia_remove_autop($content, true);



$output .= $content.'</div>';



unset($avia_config['current_column']);



return $output;

}

}

}

Kriesi, any news on this issue?

I found the bug why the arrows are not responsive:

There is this file which controls the responsive part of those slideshow arrows:

enfold/config-templatebuilder/avia-shortcodes/slideshow.php

line 272 to 279 which should add these classes to the slideshow if it’s size is <600px or <305px :

.avia-small-width-slider

.avia-super-small-width-slider

The classes are defined in: css/shortcodes.css line 2095.

The problem is that the config-templatebuilder/avia-shortcodes/slideshow.php is not adding those classes after inspecting the code preview of the page.

I tried on two different pages and uploaded many files from the new update just to make sure I have the new version.

I see it is working on your demo here:

http://kriesi.at/themes/enfold/pages/services/

One thing I will mentioned that I renamed my theme folder from enfold to 2013 before setting everything up. Not sure if this could cause that function to now work.

Thanks!

Yes, I mentioned in the Q1 that the laptop is touch screen. Not sure how the css targets the touch enabled device instead of the screen resolution.

Q3: the website has the construction mode plugin activated.

Here is a screenshot of how the easy sliders look on my ipad:

https://www.dropbox.com/s/iwaqbx8lptf6lzz/Photo%20Aug%2021%2C%201%2029%2027%20AM.png

I can target that specific page in css.

Just need the part that targets the ipad and the css part that controls those buttons

Q4. I figured it out using templates.

Thank you!

Thanks, this helped. Thanks.

this didn’t help for my laptop. Which actually works fine in IE, but not Chrome or Firefox. (the header is fixed on all browsers, but it doesn’t adjust in size/shrinks) when you scroll down.

Had no time to test on iPad. I switched to a non fixed header. I think a non fixed header is better now.

The fixed one worked differently in different browsers on different machines. I might try again after a theme update.

Thanks for your support.

My website is not live yet, working on it.

.