Docs

[mallorcanetworks]

Hellou!

Im designing a new page with your theme,

I want to have a slider on the front, but i want the logo and menu to be over the slider (being the header and menu bar transparent)
http://www.didacticafisicaquimica.es
Is it poosible?

Thanks!

[Friech]

Hi There,

Thanks for writing in! I see you did not set a slider yet. First you need to create a slider, then You can set the slider below the header by editing the page and configuring the Slider Settings: Below Masthead meta data.

And then you can add this two blocks of code under Custom > Global CSS in the Customizer.

.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
	background-color: transparent !important;
}

@media min-width: 980px) {
	.x-slider-container.below {
		margin-top: -170px;
	} 
}

You might need to adjust the -170 value where you see it fits.

Hope it helps, Cheers!

[mallorcanetworks]

Hellou!

The css code works perfect!
but revolution slider is not showing the slider i created,
Could it be for the max post limit? (see screen)
Can you help me?

Thanks!

[mallorcanetworks]

I´ve changed the max post limit and it still doesn´t work!

[mallorcanetworks]

If it helps, id tried to add the slider via cornerstone, and it doest shows it either,

Thanks!

[mallorcanetworks]

This reply has been marked as private.

[Rad]

Hi there,

Slider’s max post limit? That’s only possible for Post Slider type. What you currently have is Default Slider type.

I also checked cornerstone yes, it’s not displaying. And any setting I add won’t reflect either. Do you have any internal caching with your hosting provider?

Thanks!

[mallorcanetworks]

Hellou!

I dont really know what that means, haw can i know it?
Thanks!

[Christian]

I checked and didn’t find a caching plugin in your site. I’ve added your slider “Incio” above the masthead but it didn’t show up due to a Javascript error (see attachments). I created a test slider and assigned it above the masthead and this error message came up:

Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include.
This includes make eliminates the revolution slider libraries, and make it not work.

To fix it you can:
1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true.
2. Find the double jquery.js include and remove it.

I followed the first solution and it worked (see attachment). Please do the same for your “Incio” slider. It would be best that you eliminate the other jquery that is being loaded though. That however falls outside the scope of our support as neither X nor its extensions does that. You might want to hire a web developer to investigate further.

Hope that helps. 🙂

[mallorcanetworks]

Hellou!
First of all thanks for the investigation it helps a lot! i will look up if hiring a developer could fit in the budget i have for this project, at least i am edditing the slider you created and is working ok!

Second, the original question of the topic was if its posible that the the slider bellow the header covers the page to the top, being the header and menu transparent, If you see up the topic Friech gave me this code;

.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
background-color: transparent !important;
}

@media min-width: 980px) {
.x-slider-container.below {
margin-top: -170px;
}
}

It makes the header and menu transparent but the slider still not covering to the top,
Could you help me with that?

Thanks a lot!

[Christian]

In the Customizer, please set your logo and navbar’s background to transparent (see attachment) add the code below in your Custom > CSS.

.x-slider-container.below {
    margin-top: -305px;
}

Hope that helps. 🙂

[mallorcanetworks]

Works perfect!
Thanks a lot!

[mallorcanetworks]

Hi again!

Im finishing to customize the menu but as you see in http://didacticafisicayquimica.es it shows 2 blue bars under de menu, do you know why?

I also wanted to delete the side bars of the menu elements, and change the color of the hover to white,
Can you help me?

Thanks a lot!

[Lely]

You’re welcome!

I can see that you’re using one page navigation plus a link to an outside page. Please create another menu on Appearance > Menu. On this one, please use relative link like #equipo for Equipo and #contacto for Contacto. On your homepage > Page settings > One Page Navigation: Choose this menu under the dropdown. So you will have 2 menus. One is your primary menu with absolute link like http://didacticafisicaquimica.es/#contacto and http://didacticafisicaquimica.es/#equipo and the other with just relative links.

To remove the lines on the menu, please add the following CSS on Appearance > Customize > Custom > CSS:

.x-navbar .desktop .x-nav > li > a {
    border: none !important;
}
.x-navbar .desktop .x-nav > li > a:hover,
.x-navbar .desktop .x-nav > .x-active > a,
.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: 0 2px 0 0 #ffffff; /*Change hover and active link lines to white*/
}

Hope this helps.

[mallorcanetworks]

Hellou!

It helps a lot!

Thanks!

[Author]

Posts