Tagged: , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 6, 2017 at 3:59 pm #885616
    lilianguentsche

    Hej,

    unfortunately the slider don’t seem to be responsive on mobile phones (screenshots in privat content).

    Maybe i need to change the screen-hight in percent for mobile? Can you tell me, where to find that?

    Thanks in advance
    Fine

    December 7, 2017 at 7:09 am #885953
    Rikard

    Hey lilianguentsche,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    December 8, 2017 at 12:39 pm #886458
    lilianguentsche

    Dear Rikard,

    the page http://guentsche-concepts.com is at the moment not vivible for public. In the Private Content you’ll find login-data.

    Regards
    Fine

    December 9, 2017 at 2:35 pm #886833
    Victoria

    Hi Fine,

    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: 1023px) {
   #av_section_1 {
    background-size: contain;
    height: 470px;
  }
  #top .av-rotator-container-inner {
      font-size: 28px;
  }
  #av_section_1  .av-section-color-overlay {
    height: 470px;
  }
}

@media only screen and (min-width: 671px) and (max-width: 768px) {
  #av_section_1 {
    background-size: contain;
    height: 400px;
  }
  #top .av-rotator-container-inner {
      font-size: 28px;
  }
  #av_section_1  .av-section-color-overlay {
    height: 400px;
  }
  .avia-section.av-minimum-height .container .content {
      vertical-align: top;
  }
  .avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 670px) {
   #av_section_1 {
    background-size: contain;
    height: 350px;
  }
  #top .av-rotator-container-inner {
      font-size: 26px;
  }
  #av_section_1  .av-section-color-overlay {
    height: 350px;
  }
  .avia-section.av-minimum-height .container .content {
      vertical-align: top;
  }
  .avia-section-huge .content, .avia-section-huge .sidebar {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 12, 2017 at 5:03 pm #888005
    lilianguentsche

    Yeah, Victoria,

    that totally works, thank you!

    One last thing is the Logo (wich is shown while page-loading) is too big on the mobile screens. Do you have a code-snippet for that, too?

    Regards
    Fine

    December 13, 2017 at 6:50 am #888230
    Rikard

    Hi,

    Please try this as well to reduce the size of the preloader logo on mobile screens:

    @media only screen and (max-width: 767px) {
.av-preloading-logo {
    max-width: 250px;
    max-height: 250px;
}
}

    Best regards,
    Rikard

    January 24, 2018 at 3:06 pm #902162
    lilianguentsche

    Thank you!

    January 25, 2018 at 6:43 am #902621
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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