Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 5, 2020 at 7:24 pm #1200992
    kathyzech

    Our Homepage Rotating Banner is not “totally” behaving correctly for iPad/Phone viewing.
    Some of the words or button are being cut off and not displaying properly.

    April 6, 2020 at 8:57 pm #1201372
    Victoria

    Hey kathyzech,

    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) {
    #top .slideshow_caption {
        width: 60%;
    } 
}
@media only screen and (max-width:767px){
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;

  }
  #full_slider_1 .avia-slideshow li img {
    width: 140% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 6, 2020 at 9:22 pm #1201383
    kathyzech

    Victoria,
    I put the code in that you just sent.
    It didn’t work in the Enfold > General Styling > Quick Css
    so I had to place it in themes/enfold/css/custom.css

    It is almost there…. meaning I see the buttons and text now, but the buttons appear on top of the 3 slider dots/circles that show the banner rotating.

    Can the code be adjusted to lower those 3 slider dots/circles at the bottom?

    April 8, 2020 at 5:42 am #1201768
    Ismael

    Hi,

    Thank you for the update.

    Try to adjust the value of the min-height property from 240px to a higher or taller value. Look for the following code.

      #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;
  }

    Best regards,
    Ismael

    April 8, 2020 at 10:30 pm #1202034
    satucker

    I’m working on https://cruglaw.com/
    I’m hoping to be able to increase the size of the hamburger icon in the top right.
    Also, I’m hoping to lower the opacity (increase the transparency) of the header and have the images appear behind the transparent header. Is this possible?

    April 10, 2020 at 9:07 pm #1202753
    Victoria

    Hi satucker,

    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

    
.av-hamburger-inner,
.av-hamburger-inner::before,
 .av-hamburger-inner::after {
    width: 110%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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