[Kai]

Hi,

I implemented the Revolution slider 5.X in my Ultimate Pro theme. I want to have a space of 30px between the main menu bar and the Revolution slider. So I configurated the Revolution slider in Slider options/Layout & Visual/Position to 30px.
It works great on PC and iPad, but not on smartphones e.g. iPhone. The white space of the menu bar is enlarged of 30px, but not the space above the menu. So the Revolution slider sticks directly under the menue bar – which doesn’t look well…

I also tried Custum CSS changes like:

.business-layout .header-main {
padding-top: 30px;
}

Now it looks well on iPhone, but on PC or iPad the menu bar is lowered 30px, not the slider.

Look on http://www.steuerkanzlei-kassuba.de (without the custom css)

Can you fix the css? Is there a new version of the theme coming? The last version is over 8 months old!

Thx
Kai

[Theme Horse Support Team]

Hi Kai,

Remove the 30px space from the slider options/Layout & Visual/Position that you have set via revolution slider settings.
And below CSS code in custom CSS via Appearance -> Theme Options -> Design Options Tab -> Custom CSS

.business-layout .header-main {
    padding-top: 30px;
}

Thank you!

[Kai]

Hi,
this css code doesn’t work on PC layout. I mentioned it in my ticket post from 02.011.15, yet!
Only on tablet/smartphone layout it works correctly.

I need a solution quickly, as my customer isn’t satified with this solution.

Thx.

[Kai]

As a workaround, I use the custom css code with 15px for smartphone layout, and the Revolution slider option with 15px, too.

[Theme Horse Support Team]

Hi Kai,

Sorry! Now we are confuse where you are trying to set the space. Are you trying to set like in this screenshot?

Thank you!

[Kai]

Which screenshot? You link to a topic ‘editor’ of Ambition pro.

[Theme Horse Support Team]

Oh! Oh… We are sorry for that link. We have edited above link. Please check it now.

Thank you!

[Kai]

I can only repeat my post:
As a workaround, I use the custom css code with 15px for smartphone layout, and the Revolution slider option with 15px, too.

If you only use the custom css, it doesn’t work on standard PC layout, only in tablet and smartphone view.
If you set the space in revolution slider options, it works fine on PC layout, but produces incorrect effects on smartphone and tablet view.

[Theme Horse Support Team]

Hi Kai,

1. What CSS code you use in the custom CSS option to set the 15px space for smartphone layout?
2. Custom CSS most work on standard PC layout.
3. Revolution Slider CSS code may not work in smaller devices because we do have our own CSS code for smaller devices and it may be override the CSS of Revolution Slider.

Thank you!

[Author]

Posts