Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 21, 2017 at 11:18 pm #825260
    goldengate415

    Hi all,

    I don’t know if this issue just popped up with 4.1.1 or has been around before, but I notice that when I look at my site from tablet that the button I have on LayerSlider for “Featured Properties” looks strange. The text does not stay inside the frame around the text box.

    Here’s a visual so you can see it:

    View post on imgur.com

    The code I am using for the button is:
    [av_button label='Featured Properties' link='page,47' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff' custom_class='' admin_preview_bg='']

    Is this a bug in LayerSlider that is perhaps fixed with the next update? Or something else?

    Thanks for your help!!
    Rob

    • This topic was modified 7 years, 5 months ago by goldengate415. Reason: corrected Enfold version #
    July 22, 2017 at 7:22 am #826811
    Mike

    Hey goldengate415,
    Thanks for sharing your code, I was able to recreate the issue in 4.1.1, but only if the HTML layer (element) in LayerSlider was smaller than full width, once the element was full width the button was right for all screen sizes. I don’t know why, but give it a try :)
    postimage

    Best regards,
    Mike

    July 22, 2017 at 5:24 pm #828383
    goldengate415

    Hi Mike,

    Thanks for taking this thread!

    It’s in a color section which as you know is always full width.. also the “auto fit” is turned on (green) on the layer slider… (on is green, right?… it’s sort of backwards since it slides to the left to turn on?)

    Should I be doing something else?

    Thanks,
    Rob

    July 24, 2017 at 5:46 am #828879
    goldengate415

    Mike I know you only work weekends and this weekend is almost over – are you able to help or should I check with Yigit tomorrow?

    July 26, 2017 at 12:08 am #829867
    Yigit

    Hi Rob,

    Please add following code to Quick CSS

    .ls-layers .avia-button.avia-size-medium {
    min-width: 235px;
}

    But at the moment button is not centered. We are going to need to login to your site to see why

    Best regards,
    Yigit

    July 26, 2017 at 12:47 am #829869
    goldengate415

    Awesome! That css code fixed it!

    I manually placed the button…is there a way to auto center?

    Login credentials below… thank you, it’s already so much better!!! Not sure why this broke or when it did, but glad it’s working again.

    July 26, 2017 at 3:06 am #829888
    Yigit

    Hi Rob,

    I edited your slide and went to Styles tab of your button layer and changed the width from 185px to 100%. Please review your website :)

    Best regards,
    Yigit

    July 26, 2017 at 3:22 am #829892
    goldengate415

    Hi Yigit!

    Thanks for doing that… it looks great on the staging site. However when I go into the slider (Home Page Slider V2) and look at the slide, then click the styles tab, I don’t see what has changed…. (I need to change it on the production side).

    Can you screenshot it or tell me more about where to find the 185 px width? I don’t see it anywhere….

    Thanks!
    Rob

    July 26, 2017 at 10:15 am #830070
    Yigit

    Hi Rob,

    I highlighted width value i increased and attached a screenshot in private content field

    Best regards,
    Yigit

    July 26, 2017 at 4:11 pm #830217
    goldengate415

    Oh I see it now! Sorry….. and thank you again! Looks great, all good to close ticket.
    :)

    July 26, 2017 at 5:29 pm #830268
    Yigit

    Hi!

    You are welcome Rob, always happy to help :)
    Let us know if you have any other questions or issues!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘LayerSlider Issue With Button Outline That's Not Responsive’ is closed to new replies.