Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #825260

    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, 3 months ago by goldengate415. Reason: corrected Enfold version #
    #826811

    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

    #828383

    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

    #828879

    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?

    #829867

    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

    #829869

    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.

    #829888

    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

    #829892

    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

    #830070

    Hi Rob,

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

    Best regards,
    Yigit

    #830217

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

    #830268

    Hi!

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

    Best regards,
    Yigit

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.