Hi Victoria and Vinay.

Thank you for taking the time to look into this.

Yes it does work NOW because I applied a quick fix. See my second post above:

The problem occurs when I enable “Display a scroll down arrow” in the top color section of the page. This is what was causing the scrolling to “freeze”. Whether I am caching the page or not, cleared browser history, this happens on multiple mobile devices.

I have DISABLED the “Display a scroll down arrow” and replaced it with a down arrow link instead since we are currently running a campaign and we need the page to scroll. If you want to see the BUG in action we need to schedule a time for you to review.

Thanks again.
Peter

Thanks Rikard, I was assuming that because each box in the row is set to equal height, the background image should fall in the same place in each box.

For example, why is the background image position correct in the desktop view but not in the mobile view?

PS
If I keep /druckerei-wien/news as a post with the function filter mentioned above the navigation buttons are displayed as they should but on each post that is not fullwidth. I only need the navigation buttons on the news posts within the category “druckfrische-news” .
You can see it on the livesystem.

With these settings I only needed a function filter that sets all posts that are not in the category “druckfrische-news” to css:
#top .avia-post-nav { display: none; }
Unfortunately I am not sure how to set up that filter.

HII Rikard,

I used a page because I need the URL path to be /druckerei-wien/news.
I don’t know how to manage that with a page. Do you have a tip how I can get this path with a page?

In the devsystem I changed the post in a page now.
With this code in funtions.php the navigation works fine:

/* Set Avia Post Nav to only navigate between posts of the same category */
add_filter('avia_post_nav_settings', 'avia_post_nav_settings_mod');
function avia_post_nav_settings_mod($settings)
{
	$settings['is_fullwidth']  = false;
	$settings['same_category'] = true;
	return $settings;
}

I have two other questions:
1. Is it possible to reverse the prev/next buttons – so that the previous button is on the right side?
2. Navigating through the main menu always changes the colour of the .avia-menu-text

Example for the “Über Uns” menu:

.yellow-top:hover > a > .avia-menu-text { color: orange; }
li[id*='menu-item'].category-yellow.active-parent-item > a > .avia-menu-text, li[id*='menu-item'].yellow-top.current-menu-item > a > .avia-menu-text { color: orange; }
li[id*='menu-item'] .category-yellow > a { background-color: rgba(255, 165, 0, 0.85) !important; border-color: transparent !important; }
li[id*='menu-item'] .category-yellow > a:hover { background-color: rgba(247, 184, 49, 0.85) !important; }
#mobile-advanced .yellow-top > a > .avia-menu-text, #mobile-advanced li .category-yellow > a, #mobile-advanced li .category-yellow > a:hover { color: orange; }

How can I manage to change the colour of “Über Uns” when navigating through the News posts which have the path/URL /druckfrische-news/..?

Many thanks and
best regards,
Neverlands

Sorry, it’s very very important..I stopped my shop, my sales..the sites are in maintenance mode =(

Hi John,

thanks for your help. You can close the topic.
Regards
Biggy

The only probilem with this approach is that if you scroll the page, the logo will be still pushed by the top: 19px;

Hi Rikard,

Here is the Printscreen. https://www.dropbox.com/s/jz84ux9i9nvp0e6/Knipsel.PNG?dl=0

As you can see the page is build with masonry elements. However, if you click the perma link at the top you get a different page. If you click the button on the right to see the changes “wijzigingen bekijken” you get to a whole different page.

I hope this helps to get it clearer.

Best wishes, Peter

• This reply was modified 8 years, 11 months ago by Peter322.