Azure / api-management-developer-portal

Developer portal provided by the Azure API Management service.
MIT License
479 stars 306 forks source link

Logo overlaps left menu when scrolling down #2327

Closed josealbertocoronado closed 8 months ago

josealbertocoronado commented 8 months ago

Bug description

Logo on the top left cornert overlaps the menu when scrolling down.

Reproduction steps

  1. Go to https://ig-weu-dev-integration-apim.developer.azure-api.net/. 2 Go to APIs and select "Inbound-Outbound API - v2.0" (same with others)
  2. Scroll down.
  3. See overlap: image

Expected behavior

Menu shows below the logo without overlapping.

Is your portal managed or self-hosted?

Managed

API Management service name

ig-weu-dev-integration-apim

malincrist commented 8 months ago

Hello @josealbertocoronado , I checked your portal and it seems you have position: sticky for the section that contains the logo. I believe tis is what is causing the unwanted behavior you are describing.

To remove it, you can go to the section editor and set "stick to" to "none". This should resolve your issue.

image

josealbertocoronado commented 8 months ago

Hi @malincrist . Thanks for the quick answer. I'm sure I'm being dumb and missing something but I can't find that Miscellaneous option anywhere. Neither editing the picture: image

Or the article that contains it: image

Am I looking in the wrong place? Cheers.

malincrist commented 8 months ago

@josealbertocoronado , it should be in the section that contains the article. You can open the editor if you select the article, then click the "arrow up" button image this will "focus" on the section, and from there, you should be able to click on "Edit section": image

josealbertocoronado commented 8 months ago

Ha! That made the trick indeed. Thanks for your support. All good now.