Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #986262

    Hi,

    Can you check our homepage?
    Every time resizing the browser the caption disappears.

    After refreshing the page it comes back.

    #986330

    Hey jayflavs,

    Have you made any customisations at all to the theme which could cause that?

    Best regards,
    Rikard

    #986702

    Hi we have few custom css added to the quick css.

    .store-locator-top-half.has-searched {
    height: 400px !important;
    }

    .store-locator-map {
    height: 400px !important;
    }

    .avia-caption-title {
    background-color: transparent !important;
    }
    div .slideshow_caption {
    background-color: transparent !important;
    }

    .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
    background-color: transparent !important;
    }

    #storeLocator__searchBar {
    margin-bottom:0px !important;
    }

    .searchbar_td, .store-locator__geolocator-cell{
    padding:0px !important;
    }

    .store-locator__geolocator-cell{
    background-color:white;
    padding-left: 9px !important;
    }

    /* remove you are here text*/
    span.trail-before {
    display: none!important;
    }

    /* remove bread crumb from home page */
    .page-id-2958 .breadcrumb.breadcrumbs.avia-breadcrumbs {
    display: none;
    }

    /* remove bread crumb bg from home page */
    .page-id-2958 .stretch_full.container_wrap.alternate_color.light_bg_color.empty_title.title_container {
    height: 0px;
    }

    @media only screen and (max-width: 767px) {
    #top .slideshow_container.dynamic_element .slideshow_inner_caption { height: auto;}
    }

    #986819

    Hi,

    Thanks for that, what happens if you remove the customisations, does the problem go away? Did you try to disable all plugins to see if one of them is causing the problem?

    From a user perspective; it’s likely that no user will ever see that happening since normal users are not likely to resize their browsers horizontally.

    Best regards,
    Rikard

    #986831

    Hi I understand your point.

    I tried removing the custom css and it still did not fix it.

    Is it a standard problem of enfold or just happens on our website?

    #987023

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (min-width: 768px) and (max-width: 1024px) {  
      .avia-fullwidth-slider, .avia-fullwidth-slider .avia-slideshow,
       .avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider .avia-slideshow-inner li {
          min-height: 400px;
      }
      .avia-slideshow li img {
        min-height: 400px;
        height: 400px;
        width: 120%;
        max-width: 120%;
      }
      .avia_transform .av_slideshow_full .active-slide .avia-caption-title {
        font-size: 24px !important;
      }
    }
    @media only screen and (max-width: 767px) {
      .avia_transform .av_slideshow_full .avia-caption-content, 
    .avia_transform .av_slideshow_full .avia-caption-title,
     .avia_transform .av_fullscreen .avia-caption-content,
      .avia_transform .av_fullscreen .avia-caption-title,
       .avia_transform .av_fullscreen .avia-slideshow-button, 
       .avia_transform .av_slideshow_full .avia-slideshow-button {
         visibility: visible;
       }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #987226

    Thank you so much. It is working.

    #987228

    Sorry, one more questions.

    Is there any way we can align the view more button background left align with the text above, not the container?

    #987408

    Hi,

    You can give the buttons a bit of margin to the left using this CSS:

    .avia-slideshow-button {
      margin-left: 15px;
    }

    Best regards,
    Rikard

    #987686

    Hi Rikcard,

    Thanks for your advice, but it did not work….
    It did not affect anything.

    #987966

    Hi jayflavs,

    Best regards,
    Victoria

    #991784

    We do not have buttons on the mobile page.

    “see more” is just part of the image.
    I was referring to the buttons for the desktop page.

    http://swingslideclimb.com.au/

    #992286

    Hi,

    This css code should help.

    #top #wrap_all .caption_left .avia-slideshow-button {
        margin-left: 15px;
    }

    If this is not what you want, please provide a screenshot of the element.

    Best regards,
    Ismael

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

You must be logged in to reply to this topic.