Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 30, 2014 at 10:16 am #258177
    TimoUrban

    Hi there,

    First of all: I love the enfold theme! It´s absolutely great!

    But, there´s a little problem by viewing my slider on mobile devices. I get a big white border on the right side of the layerSlider. On Desktop it works fine.

    http://www.timourban.de/coming-soon/

    Thanks for your help.

    Timo

    • This topic was modified 10 years, 6 months ago by TimoUrban.
    May 1, 2014 at 3:08 pm #258880
    Ismael

    Hi TimoUrban!

    Thank you for using the theme! Glad you like it.

    Please try this on Quick CSS or custom.css:

    @media only screen and (max-width: 480px) {
div.ls-wp-fullwidth-helper, #top .avia-layerslider .ls-wp-container {
width: 100% !important;
}
}

    Remove browser cache then reload the page a few times.

    Cheers!
    Ismael

    May 1, 2014 at 3:45 pm #258912
    TimoUrban

    Hi Ismael,

    I added the Code in Quick CSS, but it doesn´t fix the issue….

    Timo

    May 1, 2014 at 3:55 pm #258915
    Yigit

    Hi!

    Please edit your slider and go to Global options > Layout and set responsive under to 1140 – http://i.imgur.com/bYatMmz.png
    Also note that you are not using responsive layout. You can enable it in Enfold theme options > Responsive Layout active?
    Regards,
    Yigit

    May 1, 2014 at 4:57 pm #258954
    TimoUrban

    The slider-options are set as you said…
    To fix the problem I activated the responsive layout. Now the slider looks right :-)

    Another question: Now, on mobile-view, the nav button in the top is layered on top of my logo. How can I get my logo on mobile-devices a bit smaller?

    http://www,timourban.de/coming-soon/

    • This reply was modified 10 years, 6 months ago by TimoUrban.
    May 1, 2014 at 5:50 pm #258974
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important; }}

    Regards,
    Yigit

    May 1, 2014 at 6:14 pm #258993
    TimoUrban

    Works fine, thank you very much!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problem with LayerSlider width on mobile device’ is closed to new replies.