Home Forums Air HTML Theme Hover impossible on project-item pages depending on the screen dimensions

This topic contains 5 replies, has 2 voices, and was last updated by  veroniqueflassan 4 weeks, 1 day ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #13712

    veroniqueflassan
    Participant

    I have project-item pages 3/5 with a link to a website. This link works on large desktops and on mobile screens but not on “tablet” screen. I thought it was me who was wrong but I tested on the template and the problem remains the same. Can you help ? Thank you very much

    #13713

    BWSM
    Keymaster

    Hi, please leave your page url here.

    Regards!

    #13714

    veroniqueflassan
    Participant

    <!DOCTYPE html>
    <html lang=”fr”>
    <head>
    <title>Votrimage </title>

    <!–Meta–>
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
    <meta property=”og:title” content=”Votrimage. Isabelle Morange. Artiste peintre et de l’évènementiel dans le Puy-de-Dôme” />
    <meta property=”og:description” content=”Votrimage. Visitez le site web d’Isabelle Morange, artiste peintre de la nature, et créatrice d’espaces dans le Massif Central” />
    <meta property=”og:url” content=”http://votrimage.fr/” />
    <meta property=”og:site_name” content=”” />
    <meta property=”og:image” content=”” />
    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    <!– Favicon –>
    <link rel=”shortcut icon” href=”img/favicon.ico”>
    <link rel=”apple-touch-icon-precomposed” href=”img/apple-touch-icon-114×114.png”>

    <!– Google Fonts –>
    <link rel=’stylesheet’ href=’https://fonts.googleapis.com/css?family=Poppins%3A400%2C300%7CLibre+Baskerville%3Aregular%2Citalic%2C700′ type=’text/css’ media=’all’ />

    <!– Bootstrap CSS –>
    <link rel=’stylesheet’ href=’css/bootstrap.css’ type=’text/css’ media=’screen’ />

    <!– Font Icon CSS –>
    <link rel=’stylesheet’ href=’css/font-awesome.min.css’ type=’text/css’ media=’screen’ />

    <!– Owl Carousel Plugin CSS –>
    <link rel=’stylesheet’ href=’css/owl.carousel.css’ type=’text/css’ media=’screen’ />

    <!– Lightbox Plugin CSS –>
    <link rel=’stylesheet’ href=’css/photoswipe.css’ type=’text/css’ media=’screen’ />

    <!– Lightbox Plugin Skin CSS –>
    <link rel=’stylesheet’ href=’css/skin/photoswipe/default/default-skin.css’ type=’text/css’ media=’screen’ />

    <!– Air. Theme Elements CSS –>
    <link rel=’stylesheet’ href=’css/pagebuild.css’ type=’text/css’ media=’screen’ />

    <!– Air. Theme Main CSS –>
    <link rel=’stylesheet’ href=’css/style.css’ type=’text/css’ media=’screen’ />

    <!– IE hack –>
    <!–[if lte IE 9]>
    <link rel=’stylesheet’ id=’cssie9′ href=’css/ie.css’ type=’text/css’ media=’screen’ />
    <![endif]–>

    <!–[if lte IE 9]>
    <script type=”text/javascript” src=”js/ie.js”></script>
    <![endif]–>

    <!–[if lte IE 8]>
    <div style=”width: 100%;” class=”messagebox_orange”>Votre navigateur est obsolète et ne prend pas en charge ce site. Veuillez le mettre à jour ou visitez Internet Explorer 6 countdown page pour plus d’informations. </div>
    <![endif]–>

    </head>

    <body class=”single single-post postid-61 single-format-gallery default-dark-logo pswp-light-skin responsive-ux navi-hide dark-logo single-portfolio-2c-body header-sticky gallery-show-social-share-body preload”>

    <!–Page Loader–>
    <div class=”page-loading fullscreen-wrap visible”>
    <div class=”page-loading-inn”>
    <div class=”page-loading-transform”>
    <div class=”site-loading-logo”>Votrimage</div>
    </div>
    </div>
    </div>

    <!–Audio Player–>
    <div id=”jquery_jplayer” class=”jp-jplayer”></div>

    <!–Main wrap–>
    <div id=”wrap-outer”>

    <!–Header–>
    <header id=”header” class=””>

    <div id=”header-main”>

    <div class=”container-fluid”>

    <span id=”navi-trigger”>
    <span class=”navi-trigger-text”>
    <span class=”navi-trigger-text-menu navi-trigger-text-inn”>MENU</span>
    <span class=”navi-trigger-text-close navi-trigger-text-inn”>FERMER</span>
    </span>
    <span class=”navi-trigger-inn”>
    <span class=”navi-trigger-hamberg-line navi-trigger-hamberg-line1″></span>
    <span class=”navi-trigger-hamberg-line navi-trigger-hamberg-line2″></span>
    <span class=”navi-trigger-hamberg-line navi-trigger-hamberg-line3″></span>
    </span>
    </span>

    <div class=”navi-logo”>

    <div class=”logo-wrap”>
    <div id=”logo”>

    <h1 class=”logo-h1 logo-not-show-txt”>Votrimage.</h1>
    Votrimage
    <span class=”logo-light”>Votrimage</span>

    </div>
    </div><!–End logo wrap–>

    </div>

    </div>

    </div><!–End header main–>

    </header>

    <div id=”menu-panel”>

    <div class=”menu-panel-inn fullscreen-wrap”>

    <nav id=”navi”>

    <div id=”navi-wrap” class=”menu-navi-wrap”>

    <ul class=”menu clearfix”>
    <li class=”menu-item current_page_item”>Portfolio

    <li id=”menu-item-256″ class=”menu-item”>Votrimage
    <li id=”menu-item-247″ class=”menu-item”>Contact

    </div>

    </nav>

    </div>

    </div><!–End #menu-panel–>

    <!– Main Content Wrap –>
    <div id=”wrap”>

    <!– Main Content : List, text content … –>
    <div id=”content”>

    <div class=”content_wrap_outer fullwrap-layout”>

    <div id=”content_wrap” class=””>

    <article class=”container post type-post status-publish format-gallery has-post-thumbnail hentry category-branding category-featured category-illustration category-works post_format-post-format-gallery”>

    <div class=”row single-gallery-col2 gallery-left”>

    <div class=”single-col2-text-wrap col-sm-12 col-md-5 sticky_column “>

    <div class=”title-wrap”>
    <div class=”title-wrap-con”>
    <h1 class=”title-wrap-tit” >Isabelle Morange</h1>
    </div>
    </div>

    <div class=”entry”>
    <p>Isabelle Morange est une artiste étonnante ! Ses pieds restent bien ancrés dans les ocres des terres du Massif Central et ses yeux grand ouverts sur le caractère jubilatoire du spectacle, de la magie, de la religion. Sensible à la beauté crue de la nature, végétale et animale, Isabelle Morange voulait un site sobre, aux teintes ocrées, à plat et sans superflu. Une pagination et une navigation souples se sont imposées pour cette femme curieuse, rieuse et heureuse du fait de peindre.</p>
    </div><!–End entry–>

    <div class=”gallery-link “>
    <p>Visitez le site</p>
    </div>

    </div>

    <div class=”single-col2-gallery-wrap blog-unit-gallery-wrap gallery-spacing-60 col-md-7″>

    <div class=”single-gallery-wrap-inn” data-style=””>

    <div class=”list-layout lightbox-photoswipe” data-gap=”60″>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>
    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>
    </div>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>

    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>

    </div>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>
    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>

    </div>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>

    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>
    </div>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>
    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>

    </div>

    <div class=”list-layout-col list-layout-col1 clearfix”>

    <div class=”list-layout-col1-item list-layout-item” style=””>
    <div class=”list-layout-inside”>
    <div class=”single-image mouse-over” data-lightbox=”true”>

    <span class=”ux-lazyload-wrap” style=” padding-top: 67.317073170732%;”>
    Isabelle Morange
    </span>

    </div>
    </div><!–End list-layout-inside–>
    </div><!–End list-layout-item–>

    </div><!–End list-layout-col –>

    </div><!–End list-layout–>

    </div><!–End single-gallery-wrap-inn–>

    </div><!–End blog-unit-gallery-wrap–>

    </div><!–End single-gallery-col2–>

    <!–Post navi–>
    <div class=”blog-unit-meta-bottom”>
    <nav class=”post-navi-single row”>
    <div class=”container”>
    <div class=”post-navi-unit post-navi-unit-prev col-sm-5 col-md-5 col-xs-5″>
    <span class=”navi-arrow”></span><span class=”navi-title-tag”>PREC</span><span class=”navi-title-img”>Darrel</span>
    </div>

    <div class=”post-navi-go-back col-sm-2 col-md-2 col-xs-2″>
    <span class=”post-navi-go-back-a-inn”></span>
    </div>

    <div class=”post-navi-unit post-navi-unit-next col-sm-5 col-md-5 col-xs-5″>
    <span class=”navi-arrow”></span><span class=”navi-title-tag”>SUIV</span><span class=”navi-title-img”>René Gigoux</span>
    </div>
    </div>
    </nav>
    </div><!–End blog-unit-meta-bottom–>

    </article>

    </div><!– End #content_wrap–>

    </div><!– End content_wrap_outer–>

    </div><!–End #content–>

    <footer id=”footer” class=”footer-cols-layout”>

    <div class=”footer-info”>
    <div class=”footer-container”>
    <div class=”span6″>
    <div id=”logo-footer”>

    Votrimage

    </div>
    </div>

    </div>
    </div>

    <div class=”container-fluid back-top-wrap”><div id=”back-top”></div></div>

    </footer>

    </div><!–End #wrap –>

    <div class=”video-overlay modal”><span class=”video-close”></span></div><!–end video-overlay–>

    </div><!–End wrap-outer–>

    <div class=”pswp” tabindex=”-1″ role=”dialog” aria-hidden=”true”>

    <div class=”pswp__bg”></div>

    <div class=”pswp__scroll-wrap”>

    <div class=”pswp__container”>
    <div class=”pswp__item”></div>
    <div class=”pswp__item”></div>
    <div class=”pswp__item”></div>
    </div>

    <div class=”pswp__ui pswp__ui–hidden”>

    <div class=”pswp__top-bar”>

    <div class=”pswp__counter”></div>

    <button class=”pswp__button pswp__button–close” title=”Close (Esc)”></button>

    <button class=”pswp__button pswp__button–share” title=”Share”></button>

    <button class=”pswp__button pswp__button–fs” title=”Toggle fullscreen”></button>

    <button class=”pswp__button pswp__button–zoom” title=”Zoom in/out”></button>

    <div class=”pswp__preloader”>
    <div class=”pswp__preloader__icn”>
    <div class=”pswp__preloader__cut”>
    <div class=”pswp__preloader__donut”></div>
    </div>
    </div>
    </div>
    </div>

    <div class=”pswp__share-modal pswp__share-modal–hidden pswp__single-tap”>
    <div class=”pswp__share-tooltip”></div>
    </div>

    <button class=”pswp__button pswp__button–arrow–left” title=”Previous (arrow left)”>
    </button>

    <button class=”pswp__button pswp__button–arrow–right” title=”Next (arrow right)”>
    </button>

    <div class=”pswp__caption”>
    <div class=”pswp__caption__center”></div>
    </div>

    </div>

    </div>

    </div>

    <!– jQuery Library –>
    <script type=’text/javascript’ src=’js/library/jquery.min.js’></script>
    <!– Main Js Plugin –>
    <script type=’text/javascript’ src=’js/main.min.js’></script>
    <!– Air. Theme main js –>
    <script type=’text/javascript’ src=’js/custom.theme.js’></script>

    </body>
    </html>

    #13715

    veroniqueflassan
    Participant

    The URL for this page is :
    votrimage.fr/project-morange.html

    Thank you!

    #13724

    BWSM
    Keymaster

    Please add the css to last line of style.css:

    @media (max-width: 768px) {
     .col-sm-12.sticky_column { 
        float: none!important;
     }
    }
    • This reply was modified 1 month ago by  BWSM.
    #13729

    veroniqueflassan
    Participant

    Thank you very much for your prompt and so efficient reply! Everything is fine and works perfectly.

    Kind regards

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.