![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: enfold, height, mobile, not responsive, slide
-
AuthorPosts
-
December 6, 2017 at 3:59 pm #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
FineDecember 7, 2017 at 7:09 am #885953Hey lilianguentsche,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardDecember 8, 2017 at 12:39 pm #886458Dear 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
FineDecember 9, 2017 at 2:35 pm #886833Hi 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,
VictoriaDecember 12, 2017 at 5:03 pm #888005Yeah, 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
FineDecember 13, 2017 at 6:50 am #888230Hi,
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,
RikardJanuary 24, 2018 at 3:06 pm #902162Thank you!
January 25, 2018 at 6:43 am #902621 -
AuthorPosts
- You must be logged in to reply to this topic.