We need that to make the desktop version work – is there not a way to make mobile only have

padding-top: -211px !important;

• This reply was modified 2 years, 7 months ago by whdsolutions.

This does not wor either – can you send the code I actually need to make this work based on the cutom class of #floatup

#top.page-id-17
#floatup {
margin-top: -150px;
}
#top.page-id-17 #layer_slider_1 {
z-index: 1;
}

So in the custom class field I have added

#floatup

Then what???

I am attempting this on another site

.flex_column.av-91ed-94cc6f2bbd8390dd4ad2d99c53a613f9 {
margin-top: -250px;
}
#after_layer_slider_1 {
z-index: 30;
}

But it does not work – can you help?

Sorted

It’s now not working on here – I don’t understand… Please help!

Hi Rikard
This works, but it is placed behind the Layerslider… We need it to be proud of the Layerslider…
:)

See PM

Still does not work :(

In fact I have deleted the layer slider from the page and it is now showing a different slider that does not exist!

Here is the screen shot on mobile – I added the CSS you sent but it did nothing!

Also is there a way to make the hover effect to be monochrome (black and white)

Yes – I just tested that and on removal it works fine

I have not added any of that – this is my custom CSS

#header_meta .container {
    min-height: 50px;
}
.phone-info {
    line-height: 2.35em;
    font-size: 1.0em;
}
#top .social_bookmarks li a { 
    font-size: 22px; 
    margin-top: 10px;
}
#top .social_bookmarks li {
    border: none;
}
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 2.0em;
    color: #ffffff !important;
}
#top .av-large-testimonial-slider .avia-testimonial-content {
    font-size: 1.1em;
    line-height: 1.6em;
}
.av-special-heading-h2 .special-heading-border {
    display: none;
}
.html_modern-blog #top .post-entry .blog-categories {
    display: none;
}
.html_modern-blog #top .post-entry .post-meta-infos, .html_modern-blog .avia-content-slider .slide-meta {
    display: none;
}
.main_color .special-heading-inner-border {
    display: none;
}