Left Header Transparent

Support
#1

I’ve tried and tried and can’t seem to get my left header transparent down the whole page when I scroll down. It looks correct in the preview as I’m building the header in PRO but on the live page it’s just white. I can’t seem to even find the correct css placer to force change it.

#2

Hello There,

Thanks for writing in! I have inspected your page and I found out that you inserted an invalid JS code. The correct one should only be this:

jQuery(document).ready(function() {
    
    jQuery('body').animate({scrollTop: +400}, 1000);
    
});

I am not sure what the code will do. Just make sure that it is valid and correct so that it will not create a conflict in your site.

Regarding your fixed left header, are you referring to this red section? (I change the red color to highlight)

It is already transparent. Could you please clarify what you would like to do or want to see?

Thanks.

#3

Yes I’m referring to the red color. I would like it to be transparent right now it shows as white. Its transparent at the top but when I scroll down its a white.

#4

I’d like it to be transparent all the way down the page just like it is on the slider. So that all background images I end up using and page/section colors all transparent through.

#5

Hello There,

The background color is already transparent. Please keep in mind that the browser screen is divided in two columns. One column is for the fixed menu and the right column for the page content. Instead of making it transparent, you will have to add a background color of the body so that it will remove that white transparent. To do that, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

body{
    background-color: #1a1a1a;
}

This code should make the color of the left column the same as the color of the page content area.

Please let us know how it goes.

#6

But what if I have another full width image or a different background color in a different section of the page? I wanted that to show threw also just like it does with the slider. So thats why I made it transparent.

#7

Hi There,

Please add the following code to Theme Options CSS

.x-main.full {

    margin-left: -72px;
}

Hope it helps

#8

Thank you @Joao that worked

#9

You’re welcome.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.