Fullscreen Slider Nav?

[aarondawkins]

Hello there,

Can you please let me know if is possible to make the navigation smaller with the Fullscreen Slider?
Or change the nav for a text counter?

Here’s a example: https://www.marvinzilm.com/rowing

Thank you.

Kind regards,
Aaron

[mariusjopen]

Dear @aarondawkins
which navigation do you mean?
Best!
Marius

[aarondawkins]

Hi Marius,

The dots ...

Thanks!
Aaron

[aarondawkins]

Hey @mariusjopen, could you please get back to me on this? Thank you :)

[mariusjopen]

Dear @aarondawkins
with CUSTOM CSS you can make the navigation smaller:

.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li a span {
    height: 6px;
    width: 6px;
    margin: -5px 0 0 -5px;
}

Numbers are not possible in the Fullscreen Slider.

Best!
Marius

[aarondawkins]

@mariusjopen said in Fullscreen Slider Nav?:

.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li a span {
height: 6px;
width: 6px;
margin: -5px 0 0 -5px;
}

Thank you! But I'm sorry @mariusjopen this doesn't seem to work? Can you please check this? Best.

[aarondawkins]

Hey @mariusjopen, could you please get back to me on this? Thank you.

[mariusjopen]

Dear @aarondawkins
now the buttons are removed. But did you try to play around with this code?
Best!
Marius

[aarondawkins]

Hi @mariusjopen, thanks for the reply. Yeah, I tried a number of things. I can't get the dots to change, bigger or smaller. Do you have any ideas?

Thank you, Aaron

[mariusjopen]

Dear @aarondawkins
well, when I added this code, it worked. Now I need to see the buttons again to test it again.
Can you reactivate them?
Best!
Marius

[aarondawkins]

Hey @mariusjopen,
Navigation/Buttons are active, you can test it again.
Thanks!
Aaron

[aarondawkins]

Hi @mariusjopen, can we please clear this up Today or Monday? This site is due go live next week and we have been talking for 10 days now.

Can you please take a look at the code? Also the positioning isn't working correctly on Mobile?

Would be good to get it to be like this:

If you need you get me direct: ad@aarondawkins.com

Thank you!
Best, Aaron

[mariusjopen]

Dear @aarondawkins
the code which I posted works.

Best!

Marius

[aarondawkins]

Dear @mariusjopen, Ok, thanks. I have put the code in the Custom CSS area. There is still no change. Am I doing something wrong?

[aarondawkins]

@mariusjopen I understand you must be very busy. Could you let me know what I haven’t understood?

[mariusjopen]

Dear @aarondawkins
did you put important behind?

.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li a span {
    height: 6px !important;
    width: 6px !important;
    margin: -5px 0 0 -5px !important;
}

Best!

Marius

[aarondawkins]

@mariusjopen Uffff thank you! And the other issue? Is there a way to centre longer rows? This is messy.

Best!

[arminunruh]

this is the CSS that fixed that

.fp-slidesNav{
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin-left: 0!important;
    white-space: nowrap;
}