Hi,
thanks for your help!
Now the Logo is bigger.
Would it be possible to place the logo a little lower? And that the code only runs on desktop views?
So that the logo doesn’t look so big on mobile.

Thanks that works on desktop – but on mobile device the page scrolls only with the picture. How can i change this? Thank you!

I have solved the issue doing what Mike says here: https://kriesi.at/support/topic/maintenance-mode-and-demo-pages-not-showing-up/#post-1426008

Nevermind, there was a syntax error. Thanks, you can close the topic

Dear Mike,
thanks for your help. However, it did not bring me any further.
Just leaving the # and the ID only works if you navigate from anchor to anchor, not from page to anchor. If you do that the URL becomes mysite.com/page/#anchor (nothing happens) instead of mysite.com/#anchor.
It also did not solve my problem of wanting to underline the correct menu item during scrolling.
So I have inserted the whole links again in the menu. I also changed the header type from standard (with the active menu display, i.e. this line) to minimal and I changed the active menu color in red (#810000) en the inactive in blue (#203864).
Still the thing is that being on the homepage all anchorlinks in the menu that are part of the homepage are also colored red = active. I want them to “stay” blue until scrolling towards them, only then they should turn red.

I tried to reach this with using your formerly given CSS code (from thread #1414442):

/* ankerlinks in navi werden nur aktiv beim runterscrollen */
#header.header_color .main_menu ul:first-child > li.current_page_item > a {
color: #203864 !important;
}
#header.header_color .main_menu ul:first-child > li.current_page_item.current-menu-item > a {
color: #810000 !important;
}

But after applying this code all anchorlinks in the menu turned blue and nothing happens when scrolling towards them. Hovering over the page link in the menu will turn it into red. Being on this page, hovering over the anchors will turn them red as well. So the code only seems to work for pages.

I tried to figure out differences between the code for anchors and pages, e.g.
Anchor (non-active): .menu-item-type-custom.menu-item-object-custom
Page (non-active): .menu-item-type-post_type.menu-item-object-page

Anchor (active): .menu-item-type-custom.menu-item-object-custom.current_page_item.menu-item-home.menu-item-top-level.menu-item-top-level-2
Page (active): .menu-item-type-post_type.menu-item-object-page.page_item.page-item-246.current_page_item.current-menu-item

But my knowlegde is unfortunately not enough to adapt the code properly. Perhaps you can have a look into it again? I would very much appreciate that!

The issue with the mobile menu also still exists. I would like to see the active menu item here as well. I assume the solution is related to the solution for the above.

Thanks for your help!
Best regards,
Cornelie

It helped, thanks a lot.
But it didn’t work the way you posted it. I’ve done it wrong at first an posted the new code above the previous one.

Now the Code looks like that:

  #top #service .av-rotator-container {
    margin-top: 95px;
  }
@media only screen and (min-width:768px) and (max-width:1180px) {
  #top #main .av-lpvadf1r-9094a82807ca6b00b3712e5ee699c058 > .flex_column {
    top: auto;
    bottom: -126px;
  }
}

It’s not perfect, but as close as I can get I guess.

I just noticed that it looks strange on iPhone now… *sad*