Skip to main content
SharePoint

Return to Answer

added 267 characters in body
Source Link
Omegacron
Omegacron
  • 1.8k
  • 1
  • 19
  • 31

When attempting to troubleshoot something like this, remember that F12 is your friend. The CSS tab of most browser debuggers - IE, Chrome, Firefox - will allow you to select an element on the screen and see all CSS affecting it. In the case you describe, the menu element or one of its parent containers is being overridden by a style from one of the following locations:

  • Master Page
  • Primary Stylesheet (the one seen on ~siteURL/_layouts/changesitemasterpage.aspx)
  • Alternate Stylesheet (usually loaded either through your primary stylesheet or a secondary one loading in the master page and/or the page* itself)
  • Inline styles that located within the code of the page itself*
  • Injected styles that are being inserted into the page via JavaScript or jQuery scripts

From the screenshot, you're most likely looking for a position style or float attribute. The IE debugger will allow you to uncheck styles to see how the page looks without them. It will also show you where the individual styles are coming from. When you uncheck a position or float and the menu jumps back to where it should be, you've found your culprit.

Note: Remember that the page's code is a combination of Page Layout and actual page content. You'll need to check both places when eliminating anything inline.

When attempting to troubleshoot something like this, remember that F12 is your friend. The CSS tab of most browser debuggers - IE, Chrome, Firefox - will allow you to select an element on the screen and see all CSS affecting it. In the case you describe, the menu element or one of its parent containers is being overridden by a style from one of the following locations:

  • Master Page
  • Primary Stylesheet (the one seen on ~siteURL/_layouts/changesitemasterpage.aspx)
  • Alternate Stylesheet (usually loaded either through your primary stylesheet or a secondary one loading in the master page and/or the page* itself)
  • Inline styles that located within the code of the page itself*
  • Injected styles that are being inserted into the page via JavaScript or jQuery scripts

From the screenshot, you're most likely looking for a position style or float attribute.

Note: Remember that the page's code is a combination of Page Layout and actual page content. You'll need to check both places when eliminating anything inline.

When attempting to troubleshoot something like this, remember that F12 is your friend. The CSS tab of most browser debuggers - IE, Chrome, Firefox - will allow you to select an element on the screen and see all CSS affecting it. In the case you describe, the menu element or one of its parent containers is being overridden by a style from one of the following locations:

  • Master Page
  • Primary Stylesheet (the one seen on ~siteURL/_layouts/changesitemasterpage.aspx)
  • Alternate Stylesheet (usually loaded either through your primary stylesheet or a secondary one loading in the master page and/or the page* itself)
  • Inline styles that located within the code of the page itself*
  • Injected styles that are being inserted into the page via JavaScript or jQuery scripts

From the screenshot, you're most likely looking for a position style or float attribute. The IE debugger will allow you to uncheck styles to see how the page looks without them. It will also show you where the individual styles are coming from. When you uncheck a position or float and the menu jumps back to where it should be, you've found your culprit.

Note: Remember that the page's code is a combination of Page Layout and actual page content. You'll need to check both places when eliminating anything inline.

Source Link
Omegacron
Omegacron
  • 1.8k
  • 1
  • 19
  • 31

When attempting to troubleshoot something like this, remember that F12 is your friend. The CSS tab of most browser debuggers - IE, Chrome, Firefox - will allow you to select an element on the screen and see all CSS affecting it. In the case you describe, the menu element or one of its parent containers is being overridden by a style from one of the following locations:

  • Master Page
  • Primary Stylesheet (the one seen on ~siteURL/_layouts/changesitemasterpage.aspx)
  • Alternate Stylesheet (usually loaded either through your primary stylesheet or a secondary one loading in the master page and/or the page* itself)
  • Inline styles that located within the code of the page itself*
  • Injected styles that are being inserted into the page via JavaScript or jQuery scripts

From the screenshot, you're most likely looking for a position style or float attribute.

Note: Remember that the page's code is a combination of Page Layout and actual page content. You'll need to check both places when eliminating anything inline.