Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 17, 2018 at 6:39 am #986262
    jayflavs

    Hi,

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

    After refreshing the page it comes back.

    July 17, 2018 at 10:10 am #986330
    Rikard

    Hey jayflavs,

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

    Best regards,
    Rikard

    July 18, 2018 at 1:08 am #986702
    jayflavs

    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;}
    }

    July 18, 2018 at 7:59 am #986819
    Rikard

    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

    July 18, 2018 at 8:18 am #986831
    jayflavs

    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?

    July 18, 2018 at 3:12 pm #987023
    Victoria

    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

    July 19, 2018 at 1:20 am #987226
    jayflavs

    Thank you so much. It is working.

    July 19, 2018 at 1:30 am #987228
    jayflavs

    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?

    July 19, 2018 at 2:11 pm #987408
    Rikard

    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

    July 20, 2018 at 5:29 am #987686
    jayflavs

    Hi Rikcard,

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

    July 20, 2018 at 6:26 pm #987966
    Victoria

    Hi jayflavs,

    Best regards,
    Victoria

    July 31, 2018 at 2:12 am #991784
    jayflavs

    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/

    August 1, 2018 at 9:49 am #992286
    Ismael

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.