We recently acquired a Wordpress website that utilizes the Bridge theme, with the QODE slider as the banner plugin.
However, we encountered an issue where the banner is not displaying on desktops; it only appears in the mobile layout. Initially visible when the page loads, the banner mysteriously disappears once the loading process completes. While we were able to implement a temporary fix using CSS workarounds, we believe there must be a more appropriate solution embedded within the plugin or theme settings that we are unable to locate.
Additionally, it seems that a JavaScript file is applying a negative 1100px margin to the content... Here's the CSS hack we resorted to:
@media screen and (min-width: 900px) {
.header_bottom .container_inner {
position: fixed !important;
width: 100% !important;
background-color: white !important;
margin-top: -20px !important;
}
.container{
position: relative !important;
}
.content{
margin-top: 0 !important;
}
.q_slider_inner{
padding-top: 20px !important;
}
.title_size_small{
height: 0px !important;
}
.header_bottom .container_inner{
margin-left: -45px !important;
}
.content .container .container_inner.page_container_inner{
padding: 200px 0 0 0 !important;
}
}
Upon initial page load: https://i.sstatic.net/hZY1t.png
After page fully loads: https://i.sstatic.net/noesP.png
Post CSS workaround implementation: https://i.sstatic.net/dguw3.png
If anyone has experience troubleshooting issues with the Bridge theme or the QODE plugin in Wordpress, we welcome your knowledge and insights on how to effectively identify and resolve such problems.