[solidsn2004]

Hi Nishant,

I like the animation a lot. The thing is that I want it to start faster. As you can see the header becomes smaller when I scroll up to the middle of the slider.

Isn’t there a way to make it change right after the top bar (orange one) disappears from screen (when scrolling)?

[solidsn2004]

This reply has been marked as private.

[solidsn2004]

Please find attached some images showing better what I was trying to explain.

The first one called “top” is how the website looks when you first visit it.
However, when I scroll down the header stays big until about the middle of the revolution slider I have inserted (see attached image called “change-point”) and then it changes.

What I want is to change the size of the sticky bar much faster.

Is this a javascript modification?

Let me know.

Attachments:

You must be logged in to view attached files.

[solidsn2004]

Perfect!

[solidsn2004]

Thanks for the suggestion Nishant.

I had used the code you provided and added !important; as well but it didn’t work.

Kyle’s suggestion worked fine!

Thanks to both of you!!!
Now it’s resolved.

[solidsn2004]

Thanks a lot Kyle!
Worked like a charm!

[solidsn2004]

Hmm thanks Kyle but now the whole header turns green (see image)…

I want the header white with only the nav bar to be green and when scrolling down the menu to turn green.

Attachments:

You must be logged in to view attached files.

[solidsn2004]

Thanks a lot Kyle,

Is there also a way to make the box a fixed size?

As you can see now the box’s size depends on how many lines the title has (see attached image).

Let me know.

Cheers

Attachments:

You must be logged in to view attached files.

[solidsn2004]

Hi Kyle,

I simply removed the image=’ss-smartphone’ from the code.

[solidsn2004]

Hi,

Maybe it wasn’t very clear the way I explained it.
Look at the attached image. On the left side (tagged “before”) is how it looks now when I remove the icon and set the title.

What I want to achieve is the right side (tagged “after”).

Please let me know.

Attachments:

You must be logged in to view attached files.

[solidsn2004]

Hi Mohammad and thanks for your reply.

Please find attached image. As you can see for the first iconbox I am using the following code inside a text block:

“[sf_iconbox character=” type=’animated’ title=’Progettazione edilizia, civile e industriale’ animation=’none’ animation_delay=’200′]”

As you can see I have removed the image of an icon.

What I want to achieve is to center the title when I remove the icon. Right now from my understanding it centers the icon and the title together but when I remove the icon the title is lower inside the box.

I am not sure if I made myself clear.

Please let me know if there is a solution around this.
Thanks

Attachments:

You must be logged in to view attached files.

[solidsn2004]

Ah sorry I just found it in documentation of the theme!
Sorry about that!

[solidsn2004]

Thanks a lot Mohammad!

[solidsn2004]

Thanks a lot Mohammad!

Now it works as I wanted.

[solidsn2004]

As you can see from screenshot when I scroll down the row keeps the original height and doesn’t resize to smaller one.

Attachments:

You must be logged in to view attached files.