Site layout problems when logged in due to admin bar

This is really just a CSS question. The admin bar does its best to do this for all sites by giving a top margin to the <html> element:

margin-top: 28px !important;

But if the theme uses certain positioning methods, that rule won’t have the desired effect, which is what is happening in your case.

From what you’ve said, this might fix the issue:

body { position:relative; }

Also, WordPress adds an .admin-bar class to the <body> if you’re using body_class(), so you could use that as a selector to fix the issue:

.admin-bar #my-logo { top: 28px; }

Either way, this is a CSS issue and not a PHP one. The actual CSS solution is off-topic for this site, so I’ll leave you hear and you can figure it out.

Related Posts:

  1. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  2. Remove top admin bar
  3. How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
  4. Deregister CSS style link ‘open-sans-css’
  5. Pure CSS to “float” to the right the number of children of an admin_bar child node
  6. WP Admin Bar transparent on some pages (.screen-reader-shortcut)
  7. Admin bar default color scheme for nonregistered/nonlogged users
  8. How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
  9. Bootstrap navbar-fixed-top issues [closed]
  10. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  11. Set line spacing
  12. Outline effect to text
  13. create a white rgba / CSS3
  14. Using CSS for a fade-in effect on page load
  15. Transition of background-color
  16. How to add a color overlay to a background image?
  17. css: how to center box div element directly in center?
  18. Transitions on the CSS display property
  19. What’s the HTML to have a horizontal space between two objects?
  20. HTML/CSS float: left; is not working properly
  21. How to get current screen width in CSS?
  22. margin-right is not working with my HTML. How can I center my content?
  23. CSS div width not working
  24. Positioning background image, adding padding
  25. CSS Box Shadow – Top and Bottom Only [duplicate]
  26. How to place Text and an Image next to each other in HTML?
  27. Click through div to underlying elements
  28. Responsive iframe with max width and height
  29. Overflow-x not working
  30. Inner glow effect of button
  31. Hexagon shape with CSS3
  32. CSS selector for first element with class
  33. Inbuilt style for jquery-ui-datepicker
  34. Why is style.css not being enqueued?
  35. How make theme css be first and not plugin css
  36. Hide Front-End Admin Bar Including 32 px Spacing
  37. When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
  38. One WordPress and database but multiple subdomains
  39. Collapsible button inside a ul list does work in jsfiddle but not in WP
  40. How can I remove css from a child theme?
  41. Can “ and “ tags be used in the HTML editor?
  42. wordpress in wamp lan doesn’t load css
  43. JavaScript added as link/stylesheet
  44. CSS style button For WP Login Function in page template
  45. WordPress Twenty Fourteen Theme Sidebar
  46. How to apply wordpress css styles to a jQueryUi dialog?
  47. Auto LTR-RTL Text Direction in wordpress post!
  48. Is there any size difference between single quote ‘ ‘ and double quote ” ” in CSS
  49. Admin pages missing css
  50. WordPress problematic caching
  51. why this media query is not working / not loading when I put it in child theme?
  52. Rendering css to screen and debug problem
  53. How to link theme fonts directory in WordPress CSS?
  54. WordPress custom styles in menu page
  55. Unable to align my sidebar to the contents section instead of comments
  56. Get post format and use it as a CSS class in different spans
  57. Can’t call custom css in style.php
  58. Using post_class to style posts indivdually
  59. Getting values from options page to css
  60. What is the best method to have Dynamic CSS?
  61. Load custom CSS before admin CSS
  62. Custom CSS is not working?
  63. How do I get access to the CSS Editor
  64. Style product detail page with custom CSS in woocommerce
  65. Using variable to display a page with a different stylesheet
  66. How can I style an IFRAME element that has a constantly changing class name? [closed]
  67. Twenty Twelve Calender Widget post titles creating disturbance
  68. why does this text overlaps in the sidebar?
  69. Combine CSS Files without plugin
  70. My site on mobile version is not giving responsive view
  71. JS button animation for ajax the WordPress style
  72. Missing “Additional CSS” option in Customizer
  73. check the first login for specific roles
  74. Trying to make an image a circle in Gutenberg
  75. How to style a list item when the radio input button within that li is :checked
  76. How to remove padding from left&right side
  77. adding additional class to get the post thumbnail [duplicate]
  78. links format change “on clic”
  79. Web Developer Console: “Slow network is detected.” with fonts
  80. Problem alignment issue with echo knowledge base
  81. Complex List Field – Gravity Forms
  82. issues with a slider – investigations with firebug
  83. My custom theme text and content format
  84. The placeholder text doesnt disappear
  85. Theme stylesheet not called properly on cloned website
  86. CSS Changes made, lost mobile functionality
  87. Display different css or Information based on previous page
  88. How to edit wordpress native gallery’s css file?
  89. a slider menu is compromised in space
  90. why css doesnt work when i change my file of wordpress and sql to another computer?
  91. Installing non-standard fonts [closed]
  92. I need css code to divide my webpage sections into two columns
  93. Images at the same vertical position in multiple columns
  94. css .active dropdown selects all links
  95. Put CSS on TOP, how?
  96. I am trying to apply these CSS rules to x3 Post-ID’s but I can’t get it to work – any idea how I can?
  97. In which file can I find the custom CSS code I entered?
  98. Some times CSS not Applying
  99. CSS does not take effects and it doesn’t show in inspect [closed]
  100. Add Quicksand for mobile devices