Wordpress Codeless Slider Отзывчивый выпуск

Если вы посетите мой сайт до сих пор, http://trulydesigns.com/, вы заметите, что все выглядит в порядке.Wordpress Codeless Slider Отзывчивый выпуск

Если вы посещаете веб-страницу с помощью мобильного телефона, такого как iPhone 5, слайдер выглядит неуместным. http://quirktools.com/screenfly/#u=http%3A//trulydesigns.com&w=320&h=568&a=37&s=1

function createSlider(){ 
    global $cl_redata; 
    if(isset($cl_redata['codeless_slider_height']) && $cl_redata['codeless_slider_height'] != '100%') 
     $height = $cl_redata['codeless_slider_height']; 
    elseif(! isset($cl_redata['codeless_slider_height'])) 
     $height = '450'; 
    else 
     $height = 'fullscreen'; 

    $this->height = $height; 

    $extra_class = ''; 
    if($cl_redata['slider_parallax']) 
     $extra_class .= ' parallax_slider'; 

    $output = '<div class="codeless_slider_swiper '.esc_attr($extra_class).'" style="'.(($height == 'fullscreen')?'':'height:'.$height.'px').'">'; 
     $output .= '<div class="loading"><i class="moon-spinner icon-spin"></i></div>'; 
     $output .= '<div class="codeless_slider_wrapper" data-start="transform: translateY(0px);" data-'.(($height == 'fullscreen')?'1440':$height).'="transform: translateY(-500px);">'; 
      $output .= '<div class="codeless-slider-container swiper-parent swiper_slider codeless_slider" data-slidenumber="1" data-height="'.esc_attr($height).'">'; 
       $output .= '<div class="pagination-parent nav-thumbflip nav-slider"> 
           <a class="prev" href=""> 
            <span class="icon-wrap"><i class="icon-angle-left"></i></span> 
            <div class="text">'.__('PREV','codeless').'</div> 
           </a> 
           <a class="next" href=""> 
            <span class="icon-wrap"><i class="icon-angle-right"></i></span> 
            <div class="text">'.__('NEXT','codeless').'</div> 
           </a> 
          </div>'; 
       $output .= '<div class="swiper-wrapper">'; 

    $this->output[] = $output; 
}

Это фрагмент из "codeless_slider.php", где-то в моих файлах он тянет "мин-высота: 236.97522816166884px; высота: 236.97522816166884px;" и я не могу понять, откуда, так что любая помощь очень ценится.

источник

2015-07-20 Joshua N

Эти значения вычисляются с помощью jquery, который управляет выводом ползунка, который, вероятно, минимизирован и станет кошмаром для проскальзывания и изменения. Мой совет, сделав это с помощью другого слайдера, заключается в написании правил стиля, чтобы он выглядел так, как вы этого хотите, переопределяя значения по умолчанию с помощью '! Important' объявлений – CreMedian

@CreMedian Как я вообще не думал об этом, черт! спасибо, как это должно быть сейчас. –

Рад, что я мог бы помочь. Я отправил свой комментарий в качестве ответа. Я был бы признателен, если бы вы приняли его, чтобы закрыть свой вопрос. Ура! – CreMedian

Это может быть сложно, потому что вы используете плагин, чтобы не создавать его самостоятельно, но иногда плагины вводят код, и вы должны узнать, как он построен, чтобы заставить его работать так, как вы хотите.

При изучении разработки Wordpress я научился быть лучшими друзьями с инспектором DOM в Chrome и использовать объявление !important для перезаписывания правил стиля. Похоже, вы могли бы сделать это здесь с успехом.

Удачи вам!

источник

2015-07-20 20:59:02 CreMedian

Wordpress Codeless Slider Отзывчивый выпуск

ответ

Смежные вопросы