Further CSS Customizations for Sales Page to Look Like Boxed Layout?

Hi,
If I understand correctly, you wish to hide the top background image that borders the header for the one landing page only?
I added this code in the General Styling > Quick CSS field:

#top.page-id-983 #after_full_slider_1.main_color {
    background-image: none !important; 
}

Please clear your browser cache and check.

As for the socket image on this page, you are not not showing the footer or socket on this page, but you have a color section with a background image instead, could you just change the image in the color section and add a code block to create the links you would like for the “menu”?

Best regards,
Mike

Hi,
Sorry about closing the other thread, I thought you were saying that the issue was resolved. I’ll be more careful going forward.
Glad to hear the code above helped, to adjust the header slideshow image for mobile & tablet, please try this css in the Quick CSS:

@media only screen and (max-width: 430px) { 
#top.page-id-983 .avia-slide-wrap {
height: 190px !important; 
}
#top.page-id-983 .avia-slide-wrap img {
    top: 31% !important; 
}
}
@media only screen and (min-width: 431px) and (max-width: 1023px) { 
#top.page-id-983 .avia-slide-wrap {
height: 360px !important; 
}
#top.page-id-983 .avia-slide-wrap img {
    top: 60px !important; 
}
}

Best regards,
Mike

Hi,
Glad to hear, we will keep this open :)

Best regards,
Mike

Hi,
The reason your footer text is not showing on mobile, is because the small screen is making it show higher than the background image, which makes it white text on a white background.
Please try this code in the General Styling > Quick CSS field to make the background image a little taller to show the text:

 @media only screen and (max-width: 767px) { 
#top.page-id-983 #av_section_1.avia-builder-el-3 {
    background-size: cover !important; 
}
}

I wrote this for the one page, let us know if you need it for more pages.

for the hr’s try changing to this:

<hr style="border-top: 1px dashed #CCBDB8;"/>

for the extra space above your title, Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.page-id-983 .template-page.content {
    padding-top: 10px !important; 
}
}

Best regards,
Mike

Hi,
Can you please include a admin login in the private content area so we can take a closer look for a hr solution, would this be for this one page, or site wide?
I know you have given the login in other threads, but I don’t save logins :)

Best regards,
Mike

Hi,
Please check.
Please clear your browser cache and check the hr’s in the url in the Private Content area.

Best regards,
Mike