Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #885616

    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

    #885953

    Hey lilianguentsche,

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

    Best regards,
    Rikard

    #886458

    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

    #886833

    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

    #888005

    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

    #888230

    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

    #902162

    Thank you!

    #902621

    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

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

You must be logged in to reply to this topic.