Some discrepancy in the Diet2 theme options

cannara · February 2020

Hi all

If I enable the sticky menu with full width and the transparent layout, there's 2 problems:

- The top menu isn't transparent on mobile

- When I scroll down on desktop, the top menu looses the padding between the menu items

Pablo · February 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.

thanks

cannara · February 2020

Don't you see the link in the screenshot I sent you?

Do you have a test website so I can (or you) can enable the settings that don"t work?

We just bought your theme so we didn't make a lot of changes, just playing with the theme options

Pablo · February 2020

Hello

1) I do not see any misaligned content in the sticky header on desktop, did you solve it?

2) To have transparent header, you have to turn that option on, please go to the Theme Options > Responsive > Header, see the screen:

http://prntscr.com/r5kcq5

Thanks

cannara · February 2020

1) I didn't solve it, just switch back to the Basic layout instead of transparent.

2) same as above

Thanks

Bryan · February 2020

Hey,

Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!
Please attach a link to this forum discussion.

Thanks

cannara · February 2020

I put the transparent layout and sticky menu back https://devcannara.wpengine.com/en/

Problem now is that it's not fullscreen on mobile. https://devcannara.wpengine.com/wp-content/uploads/2020/IMG_06508BAEA229-1.jpeg

thank you

Pablo · February 2020

What should be fullscreen?

I do not quite understand, can you explain it greater?

Thanks

cannara · February 2020

here you go https://devcannara.wpengine.com/wp-content/uploads/2020/layout-bug.jpg

Do you see that the iimage is fullscreen on desktop but it's not on mobile?

Pablo · February 2020

It is already fullscreen - but it pushed down to fit the header on the screen.

We cannot do a lot about it, because js script is attaching the whole height of the screen, there is no option to change that behavior.

thanks

cannara · February 2020

I'm not sure you understand what I mean. For consistency purpose, the mobile version should look like this : https://devcannara.wpengine.com/wp-content/uploads/2020/layout-mobile-bug-FIXED.png

Meaning that the background image should take the whole screen height instead of having the top in white. I don't think it's related to javascript but to css

And it looks like it's a bug (or is it on purpose?) since you force the position of the Top_bar to static instead of absolute instead the background-color to white

here's the original css

@media only screen and (max-width: 767px) {

#Top_bar, #Action_bar {

background-color: transparent !important;

position: absolute;

}

If I put these value, it seems to work

@media only screen and (max-width: 767px) {

#Top_bar, #Action_bar {

background-color: #fff !important;

position: static;

}

Pablo · February 2020

As I said, it was pushing down the content because of the header and his position.

"Static" position does not have any height applied, that's why it's proper now - and it can be proper workaround.

We are trying to limit this kind of css codes, because usually it's breaking whole layout or submenu behavior, but if it works for you fine, you can leave it.

If you have some other questions, feel free to ask.

Thanks

cannara · February 2020

So it seems that you won't fix the discrepancy behaviour on mobile ¯\_(ツ)_/¯

thanks anyways

Some discrepancy in the Diet2 theme options

Comments