BeTheme Header

duane_kowalski · November 1

I have updated the template to the newest version and now my header section is broke.

Correct look and feel of website - https://mortgageone.com/

How it looks when I update the template - https://5bx.c4b.myftpupload.com/

Is there any way you can let me know why this is happening?

Phil · November 2

Hi,

The second link has a coming soon page enabled.

Can you disable it on Monday, please?

Thanks

duane_kowalski · November 4

I have it live now.

Phil · November 4

I can see that your website is using a deprecated version of Header Builder.

Try the following CSS codes to correct the display:

.mhb-item img{
 height: 100px
}
.mhb-button a{
 padding: 11px 20px;
 border-radius: 4px;
 font-size: 16px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Anyway, I suggest rebuilding your header with the Header Builder 2.0.

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Best regards

duane_kowalski · November 4

Thank you for the response. I updated it with the CSS and will look into the header builder 2.0

duane_kowalski · November 4

So how come none of the CSS that was added to make the images be left and right are no longer working?

How it should look - https://mortgageone.com/10-steps-toward-home-ownership/

How it is now - https://5bx.c4b.myftpupload.com/10-steps-toward-home-ownership/

The font is different size / weights - https://mortgageone.com/refinance-mortgage-government-programs/ & https://5bx.c4b.myftpupload.com/refinance-mortgage-government-programs/
Buttons have hover effect on sandbox but not on live site: https://5bx.c4b.myftpupload.com/tools/
Buttons also seem to have less padding on the right
Menu navigation seems slightly above center
This page is messed up not centered - https://5bx.c4b.myftpupload.com/find-a-mortgage-1-loan-officer/
No left/right images for careers page either - https://5bx.c4b.myftpupload.com/mortgage-careers-at-mortgage-1-inc/

Phil · November 5

1, 7) You have a custom CSS that rearranges the layout on your website:

It does not come from our theme.

However, you can easily achieve that by editing your page with BeBuilder and drag and drop wraps/elements to the correct position.

2) The fonts differ because here https://mortgageone.com/refinance-mortgage-government-programs/, does not load correctly.

3, 4) There was a major change in buttons some versions ago. Go to Betheme -> Theme options -> Global -> Buttons and check if everything is set up correctly there.

5) Try this CSS code:

.mhb-item .menu-item .menu-toggle{
 display: none;
}

6) Again some custom CSS is the culprit:

Best regards

duane_kowalski · November 5

I will do my best. Seems like it is time for the client to do a major overhaul to get everything back in place. We were not the ones who originally built it so it might be best to update the site.

BeTheme Header

Comments