Docs

[kolibri.events]

Hi all,

i have following problem at http://kolibri.events :
It always shows the big picture if a page is loaded, and depending on screen geometry the navbar is seen or not (if screen too wide navbar is hidden).

To increase usability we would like to always see the navbar at the bottom of the screen, no matter which geometry is used. I suppose it can be configured somehow but couldn’t find it.
If site is scrolled it should move up until at the top of the screen and then stay there (like it does now).

Who can help me please?

BR
Heiner

[Christopher]

Hi there,

To display a full screen image, please setup a rev slider above masthead. Add .masthead in slider’s containers field.

Hope it helps.

[kolibri.events]

Hi,

sorry, sounds like a dumb question, but how do i set up such a slider? I can only add “normal” sliders in cornerstone, and they don’t seem to have the container field as an option on the left (only a “no container” switch).

What do i miss?

Thx,
Heiner

[Jade]

Hi Heiner,

Kindly install the Revolution Slider extension from the Addons page.

You can then create a slider in the Revolution Slider page and set the option using the provided info in the previous post.

Thank you.

[kolibri.events]

Thanks, i managed to get it working as desired with one little issue:
How can i completely disable the now unused Logobar so there’s only the navbar left?

I tried setting all values to zero and a white pixel image but that didn’t work.
The customizer says: Selecting “Inline” for your logo and navigation layout will place them both in the navbar. Selecting “Stacked” will place the logo in a separate section above the navbar.
But If i switch from “Stacked” to “Inline” my menu isn’t centered anymore.

Thanks and best regards,
Heiner

[Joao]

Hi Heiner,

Select Stacked and add the following code to Appereance > Customizer > Custom > CSS

.x-logobar {
display: none;
}

Hope it helps

Joao

[kolibri.events]

Yes, thanks a lot, works like a charm. May be closed now =)

In case someone might stumple upon this in the future:
I had to select “fill-width” slide layout so the picture is shown correctly on mobile devices and placed “.masthead” into “Custom CSS” field (“containers” field only exists for “full-screen” slide layout).

BR,
Heiner

[Paul R]

Thanks for letting us know. Have a great day! 🙂

[kolibri.events]

Hi again!

Sorry to open this up again but i found out that when opened in smartphone the header is shown too big so that the text in the picture isn’t correctly shown. Is there a way to show the whole header on smartphones, too (like PC/notebook)?

BR
Heiner

[Christopher]

Hi there,

Please add text as slider layer, to make it responsive check this link : https://www.themepunch.com/revslider-doc/layer-responsive-behavior/

Hope it helps.

[kolibri.events]

TY, i’ll try it!

[Christopher]

You’re welcome.

[Author]

Posts