Website Transfer Has Destroyed My Site

[aleadfreak]

Hi,

I’ve built a site in test domain, with PRO theme, and now trying to transfer to my official domain, but when I’ve completed the transfer with Duplicator the transferred site is completely all over the place. Cornerstone doesn’t work, the header and footers don’t work.

I’ve checked all the settings in Cornerstone, and the Header and they are as per the test site, so not sure why it doesn’t work.

I was using Cloudfare, but I’ve turned it off before transferring the site.

Please help.

Thanks

Alex

[aleadfreak]

Ok,

I reinstalled Pro theme, and cached. Seems to have worked.

Just a quick question. When I load the site on mobile, there is a white bar at the top of the header. This isn’t showing in Pro Header builder.

Please can you advise what this is.

Thanks

Alex

[ruenel]

Hey Alex,

Thanks for updating in! The white bar is your custom header on smaller screen. You can make use of this code make sure that your header is visible.

@media(max-width: 767px){
    .hm1.x-bar.x-bar-top.x-bar-h.x-bar-absolute.x-bar-outer-spacers {
        height: 96px;
        background-color: red;
    }
}

Feel free to change the color to make with your design.

[aleadfreak]

Hi RueNel,

Is there a way to make this transparent. I would like to keep the header image as showing on the page.

Thanks

[ruenel]

Hello There,

Yes you can. I make use of the color red so that you can easily see the changes. You can always change it to another color or transparent if you wish to.

@media(max-width: 767px){
    .hm1.x-bar.x-bar-top.x-bar-h.x-bar-absolute.x-bar-outer-spacers {
        height: 96px;
        background-color: transparent !important;
    }
}

Please let us know how it goes.

[aleadfreak]

No didn’t seem to work.

I entered the code into the CSS area on each of the custom headers.

Screenshot 20170721 122544

Thanks

Alex

[rad]

Hi there,

That white part is not from your header, it’s the first gap from your first section. Please hide your gap in your mobile when it’s not really needed. You can utilize HIDE BASED ON SCREEN WIDTH option on gap elements too.

Thanks!

[aleadfreak]

Hi Iam,

Looking at the first section there is not a gap that I can hide.

First elements are both custom headlines.

Thanks

Alex

[rad]

Hi there,

I went ahead and hide your gap element. And this is the video recording as a reference.

Thanks!

[aleadfreak]

Iam,

Thanks, i can see it now.

Instead of hiding it, is there a way to make it transparent? You can see when it is hidden there is a conflict between the header buttons and the text?

Thanks

Alex

[rad]

Hi there,

The gap element is already transparent since it’s a space element. What conflict? It seems to be okay.

Thanks!