diff --git a/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml b/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml index 3780cddf355a11b70f77f32ed24341dbef52be7c..6d94ab9b3b6fd4c6315c2e372c62e4c79c4adee5 100755 --- a/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml +++ b/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml @@ -24,14 +24,15 @@ header_blocks: subtitle: Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. link: http://cern.ch background_image: http://lorempixel.com/900/500/sports/6 - + libraries: - cern_components/owlcarousel - + - carousel-library: js: js/header_carousel.js: {} + js/android-fix.js: {} css: component: css/header_blocks.css: {} diff --git a/patterns/molecules/header-blocks/js/android-fix.js b/patterns/molecules/header-blocks/js/android-fix.js new file mode 100644 index 0000000000000000000000000000000000000000..09f43439eb2cc403bd30ea3b76d6730fd2c556c3 --- /dev/null +++ b/patterns/molecules/header-blocks/js/android-fix.js @@ -0,0 +1,9 @@ +var ua = navigator.userAgent; +if (ua.includes('Chrome') && ua.includes('Mobile')) { + (function ($) { + $(document).ready(function() { + $('.owl-dots').first().css('bottom', '55px'); + $('.component-header__scroll').first().css('bottom', '55px'); + }); + })(jQuery); +}