Docs

[carloand]

Hello, in http://inecfi.com/nuevo/inecfi-corte-fino/ , when the screen becomes a bit smaller, the navbar goes under the logo. I would like it to stay in a block of its own, like in http://www.palaumanfredi.com/Palaumanfredi/palau/en/ .
I achieved that with
.masthead-inline .desktop .x-nav { display: inline; float: none; }
But then the navbar sticks next to the logo, whilst I want it to float right.
How do I achieve that?

Another question: how do I achieve the effect of http://www.palaumanfredi.com/Palaumanfredi/palau/en/ , that the navbar becomes bigger when I scroll?

Thank you! Regards;

Carlo

[Nico]

Hi There,

Thanks for writing in.

You must reduce the size of your logo when the screen size is too small so that the logo will not go down.

Add this in your custom CSS:

@media (max-width: 360px)
x-brand img {
    width: 180px;
}

And for the custom header sizing when scrolling. It is beyond the scope of our support however I could give your some ideas on how to make it.

It can be done with CSS – transition: all 0.4s ease-in-out; to be added on the menu fonts so that upon scrolling the change of font size will go slowly.

Hope it helps.

Thanks.

[Author]

Posts