Docs

[liz80y]

Hi,

I am trying to delete the text layer on my homepage slider (I have been trying to adjust the background transparency behind the text so that it’s a slimline rectangle but it won’t work so figured i’d delete and start again).

When i go to save after deleting the layer it comes up with ‘Ajax Error” and won’t save.

Can you help?

Thanks 🙂

[liz80y]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

Upon checking you setup, I could see that you are not using the bundled version of slider revolution. Please remove the slider Rev Slider plugin then reinstall it again using X ads on. Don’t forget also to update your cornerstone and X theme.

For update guide: https://community.theme.co/kb/updating-your-theme-and-plugins/

Let us know how it goes.

Thanks.

[liz80y]

All fixed. Thanks so much!

Can you help me with one other thing?

I have recently changed my logo so it now has a black background (it used to have a transparent background) but now when i view my page on my mobile it shows both my logos and the new logo is quite large. The ‘Menu’ text is very faint when viewing on the mobile also. Is there some way of fixing this? Please see attached photo.

Thanks 🙂

[liz80y]

Sorry, here is the image.

[Joao]

Hi There,

Seems like you have added this logo via ubermenu I am not sure where.

Can you add the following code to Appereance Customizer Custom CSS to fix the issue.

.my-logo {
display: none;  
  
}

Hope that helps,

Joao

[liz80y]

Thanks Joao,

It has removed the old logo which is great.

The new logo is quite big on the mobile and covers the slider text. Can we alter this for mobile slightly?

Also, The text in the first slide now goes over two lines, whereas the text on the second which has more letters in the layer fits on the one line. Can you see why this is? I have checked the font size. Please see attached image.

[liz80y]

Sorry here is the image.

[Christopher]

Hi there,

Please find this code :

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

And update it to the following to resolve overlapping issue :

@media (min-width:560){
.x-slider-container.below {
     margin-top: -95px; 
}
}

Hope it helps.

[liz80y]

Thanks Christopher,

The issue with the logo is all fixed now. I still need some help with the text overlay problem though if you’re able to assist me with that?

The text in the first slide now goes over two lines, whereas the text on the second which has more letters in the layer fits on the one line. Can you see why this is? I have checked the font size. Please see attached image.

[Christopher]

Hi there,

Please add this :

@media (max-width:480px){
div#slide-28-layer-2 {
    width: 107% !important;
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap !important;
    max-width: 100% !important;
}
}

Hope it helps.

[liz80y]

That’s wonderful!

I’m so sorry to be a pain, the mobile is perfect now but i just refreshed the laptop and computer and noticed that since we put

@media (min-width:560){
.x-slider-container.below {
margin-top: -95px;
}
}
in the CSS it has made my homepage with the white gap up top. Is there any way we can have the gap for the mobile but keep it as it was originally for the laptop and bigger screens?

Thanks 🙂

[Christopher]

Hi there,

Sorry, I made typo mistake.

Please try this code :

@media (min-width:560px){
.x-slider-container.below {
margin-top: -95px;
}
}

Thanks.

[liz80y]

That’s it! All done now.

Thanks so much. I really appreciate it.

[Rad]

You’re so much welcome!

[Author]

Posts