Lock the top menú

[nacomar]

I want to make the top menu locked, so that when you use the scroll down continue seeing the menu.
In bootstrat would use the class “fixed-top”, but here no is how to do it

[Sonal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Brad

[nacomar]

Hi,
This is the url:

http://www.nacomar.es/test/

Thank you

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header { background-color: rgba(0,0,0,0.5) !important; position:fixed !important;}

Regards,
Brad

[nacomar]

Hi,

In the free version, the social icons appear at the foot of the page. How can I do these icons appear on the page?

My Url is http://www.nacomar.es/test/

[Sonal S Sinha]

Hi,

Kindly refer our documentation to setup social media icons.
http://sktthemesdemo.net/documentation/skt-fitness-doc/#social-icons

Regards,
Brad

[nacomar]

I used the code that tell me and it looks perfect on big screens, but tablet or smartphone screens you see something strange. The menu in the entire width of the screen, but in a small square is not. Is it possible to fix so it look well on small devices?

.header { background-color: rgba(0,0,0,0.5) !important; position:fixed !important;}

Thank you,

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:979px) {
.header { width:100% !important;}
}

Regards,
Brad

[Author]

Posts