Dear Ismael,

thanks for your reply regarding a loop in the single post navigation. Would be great if you could include this in a future version of Enfold. Since I am a big fan of your theme, I assume I will be using it for a while. :-)

Is it possible to make layout changes in CSS to the left/right arrow content? For example, the background-color is now black. How to change this color? And the hight is also preset, but unfortunately to narrow to display some of my longer blog titles. How to adapt the hight (or width)?

Thanks in advance for your hints on that.

Best regards, Cornelie

Dear Ismael,

thanks for your quick and useful help! I have included the new code and it works on pages with fullwidth elements.

Is there also a code to add a loop in the single post navigation? That would be great!

I have already included some code (found in your support forum) to only display posts within the same category.
The code to switch the content of left/right arrows with “ASC” (see below) does not seem to work on my pages. Probably the order is already ascending and I should change it to descending”; however, “DES” or “DESC” does not work either. What is the right code for descending?

add_filter(“avf_post_nav_loop_args”, function($args, $settings) {
$args[“orderby”] = array( ‘post_date’ => “ASC”, ‘ID’ => “ASC”);
return $args;
}, 10, 2);

Thanks!

Best regards, Cornelie

Dear Rikard and all,

somehow the change from 4 to 2 columns on my tablets still does not work perfectly, since on 3 pages, two of the columns stick in 1/4 mode instead of changing into 1/2. Unfortunately I can’t figure out why.

Could you please have a look at it again? See also my comments in the private field.

Thank you so much!
Best regards, Cornelie

Hi Ismael,

thanks for your effort and feedback. I did not see the sticky header on your screenshot, but I assume it was there, since you tested it for a middle-sized screen? (tablet) Did you test it virtually, or also on a real tablet?

On two of my tablets it still does not work and the sticky header still covers the anchor headings. Moreover, the code still changes the header on desktop in an inacceptable way! (in all common browsers) Could you see that as well during your test?

It does not work on my following tablets which display the sticky header:
– Huawei Mediapad M5, 2500x1600px, sticky header and full menu in portrait view covers the anchor headings
– iPad 3rd Gen, 2048 x 1536px, sticky header and full menu in portrait view covers the anchor headings

The code does not apply to my following tablet:
– Huawei Mediapad M5 lite, 1920x1200px, NO sticky header and burger menu in portrait view, everything works ok

I would be happy with NO sticky header and burger menu on the two tablets that now show the problem, since the website should go live soon. Could you please provide me with the code for deactivating the sticky header on such middle-sized screens?

Appreciate your work. Thanks a lot!

Best regards, Cornelie

Dear Ismael,

thanks for your reply. We did not change anything to our wp login URL, I checked it with your temporary login details and it seems to work fine. However, when trying in another browser it showed me the 404-error. Please see private content for more info.

I activated the code again (in functions.php in Enfold Child – hope this is the right place) and emptied the cache and also used incognito mode. However, the headings are still covered by the sticky header on middle-sized devices. AND the header appearance on larger screens still is disrupted. Perhaps because we used quite some CSS to style the header. The header width is smaller than full-screen as to show the full-screen slide-show image left and right from the (smaller) header. The disrupted header shows shorter no longer the image left and right, but these areas have now a background-color. The linked-in image from the footer now sticks to the logo in the header. The navigation has a slightly changed appearance. Breadcrumps are shown now (although turned off for the whole site) etc.

Another solution instead of the code would be to turn off the sticky header on middle-sized devices (between min-width 991px and max-width 1366px). Could you please provide me with the code for that? The website should go live soon…

Thanks so much for your help!

Best regards, Cornelie

Dear Kriesi-Team,

I am experiencing the same issue as found in some other posts, but I do not manage to find the right answer for my case. Hope you can help me!

On larger screens, Desktops & Tablets in landscape (min-width: 991px), I use the full-width menu, incl. sticky header. On one page I use anchor links as menu items. The positioning on Desktops and Phones was not perfect (i.e. heading to close to sticky header (Desktop) or browser-URL (Phone)), so I used the separator line above the heading as anchor point. This is for now satisfying.

However, these anchor links disappear behind the sticky header on Tablets in landscape (max-width: 1366px).

I noticed that probably the scroll offset value for Tablets in landscape should be changed. I don’t know which code should be placed where. I will give you access to the website in the private content.

Thank you so much for your help!
Best regards, Cornelie