Hi,

i have pasted the following code from previous posts.

.logo{
display: none !important;
visibility: hidden !important;

@media only screen and (min-width: 768px) {
#header_main .av-logo-container {
display: none;
}}

Also what is more urgent than all of this, is that I seem to be having white lines between layerdslider on my new website im working on, it only appears when its published, not in preview mode. I have tried the below for this to no avail?

.container_wrap { border-top: none !important; }

DIV#av_section_1.avia-section.main_color.avia-section-default.avia-no-shadow.avia-builder-el-1.el_after_av_layerslider.avia-builder-el-last.container_wrap.fullsize
{
border:0;
}

#top #header .av-main-nav > li:hover > a, #top #wrap_all .av_header_transparency .av-main-nav > li:hover > a > .avia-menu-text {
color: #ffc800 !important;
}

@media only screen and (max-width: 320px) {
#top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out {
margin-top: -15% !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 380px) {
#top.page-id-3653 #layerslider_2 .ls-layers .ls-wrapper.ls-in-out {
margin-top: -4% !important;
}
}
@media only screen and (max-width: 770px) {
#top.page-id-3653 #footer {
border-color: #666666 !important;
}
#top.page-id-3653 #layer_slider_1 {
opacity: 0.8 !important;
background-color: #333333 !important;
}
}