Using anchors, can they look better?

[Diego Letelier]

Hello Zex,

Sorry to bother you again.
I woul like to get a better looking of my page using anchors.
Can I get rid of the gap betwen the content? And if I can get the anchor to be adjusted to the sticky menu?

Here is the CSS that I am using now.

#comonace,
#cientifico,
#materiaprima,
#personas{
content:””;
display:block;
height:130px;
margin:0px 0 0;
z-index: -999;
}

This is the complete CSS:

#top-bar{
background-color:grey!important;
}
#top-social ul li a {
color:white!important;
}
.agama-primary-nav,
#agama-logo img{
float: none!important;
display:inline!important;
}
.agama-primary-nav {
float: none!important;
left:26%!important;
max-width: 65%!important;
}
.top-links {
margin-left:37%;
}
#top-bar .pull-left{
float:none!important;
}
#comonace,
#cientifico,
#materiaprima,
#personas{
content:””;
display:block;
height:130px;
margin:0px 0 0;
z-index: -999;
}

@media (max-width:992px) {
.sticky-header.sticky-header-shrink {
position: fixed!important;
height:80px!important;
}

nav.mobile-menu {
position: fixed!important;
width: 100%;
top: 80px!important;
height: 220px!important;
overflow: auto!important;
z-index:9999;
}
}

Could it be looking better?

Regards,
Diego

[Zex]

Hello, Diego!

Unfortunately, your website is currently in the maintenance mode so I can’t see the problem.

I don’t know what way you trying to make anchors on your website, but I suggest you use the Elementor Page builder for that purpose.

Menu Anchor Element Tutorial | Elementor

Setup Anchor Links in Elementor

Regards

[Author]

Posts