Revolution slider button issues

Support
#1

I created some buttons in the slider revolution and they are overlapping. Is there a way I can fix this?

#2

Hi There,

Thank you for writing in, but would you mind to clarify the issue? I do not see any buttons on your slider only image/logo and the inline text above it. And if you would not mind, please provide us login credentials in secure note so we can take a look on your slider/slide configuration.

Have a nice weekend,
Cheers!

#3

I am trying to add 6 buttons horizontally that butt up next to each other (all the same size with the text centered). In the slider (home01) they look right but when i preview on a browser they overlap like the screen shot, they dont butt up next to each other.
I was trying to find another way so I have 2 slides to view inside of the plugin.

Also on (home2slide) My navigation on the top will sometimes work and sometimes not while resizing the browser window size.

#4

Hi There,

Considering you have a static slider, I would reccomend you recreating the same layout without the use of the plugin.

On Cornerstone create a section and add your picture as a background image.

On the In line CSS BOX which you will find on the CUSTOMIZE tab of the section you will add: min-height 100vh;

You can than add the first row with a gap of 50% and add a second row which you will divide in 6 columns, adding one button on each column.

Your site will load faster and will be much easier to setu the layout you are looking for, let us know how it goes.

Thanks

#5

Thanks, but I am going to be adding 4 slides with different images and headlines to go behind the top and bottom navigation.

#6

Hi there,

Have you tried adding them in single layer? Don’t add button layer, you can simply add text layer and add button shortcode there. It depends what button you wish to add, example

[button href="#"]Button 1[/button][button href="#"]Button 2[/button]

or

<a href="#" class="x-btn">Button 1</a><a href="#" class="x-btn">Button 2</a>

Relative buttons will not overlap, plus, it may scale all at once. The button layer has independ offset position which is why overlapping could occur.

Thanks!

#7

Thanks I will try this. I was playing around with just adding a link to the text and for some reason the links only work some of the time. For example, on desktop view the links will not work but once I start to size the browser down the links will work. Sometimes just on mobile view. I went through and checked to see if the link was there and hover was on for each of the screen size modes and they were. I did the same for the bottom menu and they all seem to work at all the screen sizes. Is there something I missed?

#8

Hi There,

It seems working when I check. See this: https://screencast-o-matic.com/watch/cbXh0N2j5u
Is the issue happening on other part/section of the site?

#9

I had it working, it was when you would resize the browser window. At some instances it was not working. I did however kept working on fixing the links so they were buttons and seemed to get them to work the way I wanted them to.

#10

Glad you’ve sorted it out.

Cheers!

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.