Subheader overlaps the navigation

paugis · April 2019

I can't seem to find a way to fix that. I've been trying several things nut no luck.

If you look at the page you will see that the subheader gets overlap ontop of the main navigation. How can i fix that?

https://lda.qus.mybluehost.me/blogger/

I would like to look like this: https://themes.muffingroup.com/be/theme/blog/masonry-blog-style/

Thanks for your help!

Pablo · April 2019

Hi,

Please disable the "Under Construction" mode.

I cannot get into your website.

Thanks

paugis · April 2019

Hello Pablo, and how do i do that? I didn't it is under construction mode settting. Where can i turn it off? When i check the pages they all say Visbility: Public

Pablo · April 2019

It looks like this coming soon mode is enabled somewhere on your hosting settings.

This page is not coming from BeTheme.

Thanks

paugis · April 2019

Ok Pablo, i dis activated the coming soon mode.

Can you see and guide on how to fix the issue please?

Thank you so much!

Pablo · April 2019

The problem is related to the "Minimalist header without header space" option enabled.

Change it to "Minimalist ON"

It can be changed in the Theme Options > Header & Subheader > Header

http://prntscr.com/nawjq1

Thanks

paugis · April 2019

Thanks Pablo, but something is not matching up. I've been playing around and i can't seem to figuer out, sorry

So here is what id:

1.- Turn the seeting to "Minimalist On"/

2.If i check the About page...it works fine: https://lda.qus.mybluehost.me/about-us/

3.- If I check the blog page, it doesn't. It should the subheader but it is on top of the navigation: https://lda.qus.mybluehost.me/blogger/

My goal, is that the blog page it looks like this: https://themes.muffingroup.com/be/theme/blog/masonry-blog-style/

a) Navigation

b) Sub header

c) Posts and the sidenav on the right.

What am i missing or what should i do to fix the issue?

Much appreciate it!

Pablo · April 2019

The problem is related with your "Header" type.

I mean, your header is "transparent" so, that means he does not have any "Height" value and the reason why it's working fine on "about-us" page, is because you applied the "padding-top" value

http://prntscr.com/nc4hw8

So, you can fix it in two ways.

1) Change the Header to "Classic" and remove the "padding-top" on about us page.

2) Apply on every page the padding-top value on first section.

Thanks

paugis · April 2019

Thanks Pablo, for your response.

i actually did solution number 2. As you can see here: https://www.screencast.com/t/DlAVPQVvM8

But even with the padding top applied, the subhead is still over the menu. You can see the grey subhead with the title Blogger being overlap: https://www.screencast.com/t/gYtQdDMJ

So it seems that even with the padding, the subhead doesn't go underneath the navigation.

Pablo · April 2019

Sorry, but only way to fix it is changing the header to "Classic" or other.

As I said, 'transparent' header does not have any "Height" value and that's why subheader is on the top.

On other pages the content is not on the top because you applied the padding on top.

Of course, we can change it with CSS, but the result will be the same as switching your header to classic.

Thanks

paugis · April 2019

Thanks Pablo,

sorry to ask you another question. I'm trying to do the Masonry Blog style, but even using the same image as your examples, it doesn't seem to apply the vertical image.

See here: https://lda.qus.mybluehost.me/blogger/

You can see the guy talking on the phone should be a vertical image, like seen here:

https://themes.muffingroup.com/be/theme/blog/masonry-blog-style/

Any ideas why on mine is not applying Masonry?

Thanks,

Bryan · April 2019

Hey,

you need to edit the single post with the vertical image. On the right side, in the sidebar you will see different post types. You need to check the vertical image style so betheme knows it should be vertical.

thanks

Subheader overlaps the navigation

Comments

This website uses cookies