Horizontal Scrollbar only with Meta Slider

  • Hi,

    I’m using the freestore template and used meta slider and uploaded my own banners. As soon as I started using the meta slider I started to see a horizontal scroll bar at the bottom of the page (not below banner) only on my home page. Don’t know how to get rid of it. If I switch back to the default slider then the problem is gone. So is it the meta slider doing this or my banners? I’m a newbie and would appreciate your solution. Thanks much in advance!

    Regards
    Learner

Viewing 9 replies - 1 through 9 (of 9 total)

  • Can you add a link to your site please so we can inspect your code?

    Thanks.

    Thread Starter learner99

    (@learner99)

    https://www.infinitebasics.com

    .metaslider .flexslider {
    overflow: hidden;
}

    Add the above CSS code to your Child Theme style.css file, or using a Custom CSS plugin.

    Hope this helps.

    Thread Starter learner99

    (@learner99)

    Thanks and I have 2 questions:

    1) I don’t have a child theme so I need to create one? I’m a newbie and don’t have any idea to create one. I saw the link you sent for child theme but the info is overwhelming as what all I need to do to create a simple child theme and put in your code. I would appreciate if you could give me few steps how to do it that would be very helpful. Thanks.

    2) Also where exactly I need to place this code in the style.css in the child theme? Anywhere?

    3) Instead of the child theme can I place your code in the main style.css file? If so where exactly in the file I need to place this code?

    Thanks much!

    Thread Starter learner99

    (@learner99)

    Appreciate your response. Thanks much.

    Thread Starter learner99

    (@learner99)

    I have pasted your code in my main style.css and it worked. Thanks much. So I think I don’t have to create a child theme. Is my thinking right?

    It will work yes, but every time you update the theme you will need to keep re-adding your custom code because it will be overwritten.

    The simplest way to add custom CSS without it being overwritten after every theme update is to install and activate this Custom CSS plugin, then add your custom code in the field provided, which should appear under the Appearance > Custom CSS menu.

    Hope this helps.

    • This reply was modified 8 years, 5 months ago by ThemeSumo.
    • This reply was modified 8 years, 5 months ago by ThemeSumo.
    Thread Starter learner99

    (@learner99)

    Thanks much for the explanation. I found that I have jetpak installed under plugins folder. Can I use that or I have to install custom css plugin? I don’t have any idea as how to use the jetpak. Please help me here. Thanks

    If you have navigation (dots for example) in your slider, the css above will cut it off. I tried
    .metaslider {
    overflow: hidden;
    }
    That will ensure the dots stay visible.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Horizontal Scrollbar only with Meta Slider’ is closed to new replies.