-
Posts
-
Hi,
Thanks for a great theme.
I have one small problem. I have set the option: Header Title and Breadcrumbs to: Hide both. Both in the setup section an on all the pages. Still when viewing the subpages in vertical on an iPad I see this green box across the screen just below the logo – there’s no content in the box. How do I get rid of this?
Hey civilizedk,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1024px) { #top .avia-section.av-minimum-height.av-small-hide.av-mini-hide .container, #top .avia-section.av-minimum-height.av-small-hide.av-mini-hide { height: 0 !important; min-height: 0; padding: 0; } }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
Thanks for the help – but it did not work. The code introduce a new error in my header.
If I had turned off Title and Breadcrumb in the Enfold settings and on the pages – should it then not show? It has worked before :-)Hi,
Did you clear the cache a few times over and add the code to the very top of quick css so it runs first?
Best regards,
Jordan ShannonHi,
Yes I did and the code works but i changes my header in horizontal mode on iPad. It becomes white instead of green and the header for the pages is displayed under the logo.Hi,
Thank you for the update.
We tried to login to the site to check the content of the pages, but the login info is invalid. Please check it carefully or provide another user account.
Best regards,
IsmaelHi Ismael,
Sorry about that. Please try again with the same login info. I loaded a backup to see if that would solve the problem. It did not.
I also have a test site at this location: http://psykologsamtaler.dk/lhw3
I do not have the problem at this test site.Hi civilizedk,
Could you please attach some screenshots of the issue? The code I gave you does not change the header color. It only hides the empty green section.
Best regards,
VictoriaHi again. Please see the images below. The code works fine… in portrait view. But in horizontal view it changes the header so it’s white not green. And the text on the page is shown under the logo.
Please note that the home page has a white header. The subpages has a green header.
Image that shows the settings in the enfold header section:
http://psykologsamtaler.dk/enfold-problem/header-settings.jpgImage that shows the settings for the page:
http://psykologsamtaler.dk/enfold-problem/page-settings.jpgImage that shows how it looks now on iPad in portrait view:
http://psykologsamtaler.dk/enfold-problem/ipad-view-portrait-wrong.PNGImage that shows how it should look on iPad in portrait view:
http://psykologsamtaler.dk/enfold-problem/ipad-view-portrait-correct.PNGImage that shows that the header in horizontal view has changed to white. It must be green.
http://psykologsamtaler.dk/enfold-problem/wrong-header-color-in-horizontal-mode.jpgHi,
Thank you for the update.
We can’t reproduce the issue in the site anymore. The header or green bar is no longer visible on iPad view — either portrait and horizontal view. Did you enable the css and js compression previously?
When you have the time, please upgrade the theme to the latest version, 4.7.1. The new version contains a lot of addons, improvements and compatibility patches for the latest version of WordPress.
Best regards,
IsmaelHi,
Yes I used the code. And it works. On iPad in portrait mode it removes the green bar. But when I view the sub pages in horizontal mode the green bar is now missing so the logo is now placed under the header on the page – and the background that should be green is now white.To clarify
1. It’s the sub pages that is the problem.2. On the sub pages in both horizontal and portrait mode on an iPad the top that holds the logo and the burger menu has a green bar/background.
3. When I view the sub pages on an iPad in portrait mode the green bar is now placed below the logo – and the top with the logo/burger icon is now white. It should look like it does when viewed in horizontal mode. Green top. Not a white top/background with a green bar below.
4. If I use the code you have supplied the green bar is removed in portrait mode – but there are two problems with the code. A. The green bar should be placed at the top – as it is when viewed in horizontal mode. When the code is applied it will remove the green top bar on sub pages when viewed in horizontal mode causing an error where the white logo is now placed in a white bar/top header.
This test site works just fine. Maybe it will help you understand my problem.
Hope it makes sense… I’m almost confused :-)
Hi,
Thank you for the update.3. When I view the sub pages on an iPad in portrait mode the green bar is now placed below the logo – and the top with the logo/burger icon is now white. It should look like it does when viewed in horizontal mode. Green top. Not a white top/background with a green bar below.
That is the default layout of the header when the screen width is less than 989px. If you noticed, the logo automatically turns from white to green and the header background from green to white. On horizontal view, the screen width of an iPad device is 1024px, so the green or the default header background is still showing. Now, the green bar that is displaying below the logo on portrait view is not the header background, it’s a ghost section and the css code that Victoria suggested above is supposed to hide it. We don’t know where that section came from, but it’s not supposed to be there.
We added the css code back in the Quick CSS field, but we adjusted the max-width value of the css media query from 1024px to 989px.
Best regards,
IsmaelHi,
Glad Ismael and Victoria could help! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘Header Title and Breadcrumbs – can't remove background box/area’ is closed to new replies.