Forum Replies Created
-
Posts
-
Hi,
have you tried adding a banner above the header on your site and are there no issues when scrolling? And how does this code affect tablets?
The issue I am talking about affects ALL Enfold installations, not only the website I am referring to. If you have a solution that´s working on your site, that would be great.
Best regards
Arkadi
Hi Vinay,
thank you. Have you activated sticky header for mobile? The regular mobile header still seems to be in place. Also the header/scrolling problem persists on tablets.
Best regards
Arkadi
Hey Vinay,
when scrolling down, the header is supposed to stick to the top of the page and hide the banner. This works on desktop. On tablets however the banner goes away but leaves transparent space between the top of the page and the header. On mobile with sticky header the same problem appears (right now sticky header is off, so you won´t see a problem on the phone).
I post the login below. Appreciate you looking into it!
Keep in mind that this issue is not restricted to this website. On other Enfold websites the same problem occurs.
Hey Ismael,
as far as I know the only css modification affecting the banner is
.header-scrolled {
top: 0;
}Best regards
Arkadi
If you scroll down, the banner is supposed to disappear and the navigation should be right on top of the page. This works fine on desktop. On tablets however, the banner disappears and white space remains at the position of the banner. Hope this helps!
Hi Andy,
the problem is not about visibility of the banner. If you scroll down the page you will see an error. Please read the thread for more information.
Best regards
Arkadi
Hi Ismael,
with .png images there is the same problem. And it occurs on all tablet models I tried so far: Ipads, Samsung Galaxy, Amazon Fire, …
Best regards
Arkadi
Hi Andy,
on the pictures you posted there is no banner at all. Seems like you’re using adblock. Above the blue bar on the top there should be a Bodylab24 banner. When you then scroll down the error becomes apparent. Couldn’t fix it yet.
Best regards
Arkadi
Hi Andy,
thank you for looking into this. You find the link in my first and third post of this thread (eiweisspulver-test.com). Some remarks in case you haven´t read everything:
1. The banner appears on every single page of the website above the header.
2. If you are using adblock you won’t see the banner.
3. The problem only appears on tablet devices. On Ipads in any mode and as Vinay stated, on Android only in landscape mode.Thanks again and I hope you can help.
Best regards
Arkadi
Yeah I apply my changes to header.php and functions.php after each update. The child theme solution would be a good thing.
However the banner problem still persists. If anyone knows what to do, please let me know. Would be much appreciated <3
Hey,
I just tried to switch to a child theme. The import function doesn’t work entirely, so the design get’s messed up. But how does using a child theme change this issue anyway? If we know how header.php has to be modified, we can just do it with the regular theme, right?
Cheers!
Arkadi
Hi Ismael!
Thank you for the idea but this would be a big compromise that I don’t want to make. The code affects mobile as well, right?
This seems to be a bug one should be able to remove I figure.. How do other people integrate banners above the header?
Best regards
Arkadi
Hi,
thank you. Unfortunately that didn’t change anything. I’ve seen the error on different ipads, Amazon Fire and I think Samsung Galaxy, as well. So it’s not limited to one kind of tablet. On mobile phones there is no problem. There we don’t have the floating navigation bar, though.
Best regards
Arkadi
Hi Vinay,
thank you for your response. The only custom CSS affecting the header is.header-scrolled { top: 0; }I reckon this code somehow doesn’t work correctly on tablets. Here an excerpt from my header.php where I included the banner image in case there’s something wrong with this. I tried it on different positions already.
wp_head(); ?> </head> <body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>> <div align="center"> <a href="https://www.bodylab24.de/" rel="nofollow"><img src="http://www.eiweisspulver-test.com/Bodylab728x90.gif" alt="Anzeige" /></a> </div> <?php if("av-preloader-active av-preloader-enabled" === $preloader) { echo avia_preload_screen(); } ?> <div id='wrap_all'> <?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?> <div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'> <?php if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container']; do_action('ava_after_main_container'); ?>Any ideas?
Hi Vinay,
are you using adblock? There certainly is a banner on the page. On desktop and laptop it goes away while scrolling. That´s all good. The problem only appears on tablets.
Best regards,
ArkadiHi Yigit,
it´s http://www.eiweisspulver-test.com/. The banner is shown on every page.
Best regards,
ArkadiThank you Yigit! This works perfectly on desktop, on mobile it´s still the same size though. Any solution for this? Really cool would be to enable people to zoom into the lightbox image on mobile.
Best regards,
Arkadi
Sure I did it in text mode. I also tried the “code” element. Check the editor after saving. In my case things get really messed up. Maybe it doesn´t if thats the only element you use on the page. But I need to integrate it in an article. And it would be cool if you kept privately posted information private. Cheers!
Hi Basilis!
Thank you for testing the speed. I use WP Fastest Cache. Is calling http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css?ver=4.3.1 an essential function of the theme or can it be switched off somehow?
Google says it is a “blocking ressource” that should be put in a different position, loaded asynchronously or directly inline in html. How can I do that?
Cheers!
Hi!
The host told me there was no caching on the server.
For the footer problem I found the solution. I had previously added the following code to functions.php which caused the trouble. After removing it, it works:
add_action(‘ava_after_content’, ‘avia_add_social_toolbars’, 10, 2);
function avia_add_social_toolbars($id = “”, $context = “”)
{
if($context == “page” || $context == “single-portfolio” || $context == “product”)
avia_social_share_links();}
add_filter(‘avf_template_builder_content’, ‘avia_add_social_toolbar_template_builder’, 10, 1);
function avia_add_social_toolbar_template_builder($content = “”)
{
$content .= ‘<div id=”custom_share_box” class=”avia-section main_color container_wrap”><div class=”container”>’;
$content .= avia_social_share_links(array(), ”, ”, false);
$content .= ‘</div>’;
return $content;
}However, I don´t have the social sharing function anymore and there are still three pages that can´t be updated.
I asked the host about caching and waiting for a response. But I don´t think it´s caching either. See I can evoke changes in the footer. If I change the primary color in Main Content the color of the links in the footer changes in the updated pages (that´s most pages including the home page http://www.eiweisspulver-test.com/). All the non-updated pages respond to the regular footer settings.
