Page layout is broken when viewing search results.

Check out the markup. On the search results page, the <body> element is assigned the classes search and search-no-results.

<body class="search search-no-results">

Looking at the CSS, the styles for .search are intended to be used for the search input. They are working for that, but they are also being applied to the body due to the use of a weak selector:

.search {
    border: 1px solid #CCCCCC;
    padding: 5px 7px;
    /*margin-left: 15px;*/
    width: 175px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    /*position: absolute;*/
    right: 0;
    /*float: right;*/
}

That’s no good. I’d update the selector to be more specific:

input.search {
  ...
}

Related Posts:

  1. Customize Bootstrap checkboxes
  2. Is there a CSS parent selector?
  3. What is WebKit and how is it related to CSS?
  4. Is there a color code for transparent in HTML?
  5. How can I center an absolutely positioned element in a div?
  6. How do I hide the bullets on my list for the sidebar?
  7. How to override the properties of a CSS class using another CSS class
  8. css transition opacity fade background
  9. Text-decoration: none not working
  10. Aligning two divs side-by-side
  11. CSS transition shorthand with multiple properties?
  12. How to center HTML5 Videos?
  13. Using custom fonts using CSS?
  14. Why CSS3 Animation is not working?
  15. Why is my Bootstrap code not working?
  16. What is the difference between visibility:hidden and display:none?
  17. Center a position:fixed element
  18. How to change the background colour’s opacity in CSS
  19. difference between css height : 100% vs height : auto
  20. How to make canvas responsive
  21. Disable SSL / HTTPS for wordpress
  22. Forcing reload of editor-style.css
  23. How can I make the wordpress editor apply the selected template?
  24. How do I register/enqueue a custom CSS file?
  25. How do I remove specific styles from the parent theme css using the child theme css?
  26. What CSS rules are introduced to core blocks through wp-block-styles?
  27. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  28. PageLines theme: how to change the background color of the main content vs. entire page?
  29. When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
  30. Can the Theme Customizer be used to generate static/cachable CSS, and how?
  31. Woocommerce include custom stylesheet after woocommerce styling [closed]
  32. raw code vs wordpress
  33. Remove id attribute from stylesheet link
  34. Font embedding in wordpress
  35. Is there a way to change the backround color of the native video player in wordpress?
  36. How to create fa-bars animated menu
  37. Only column gallery on mobile device
  38. Does costum code in the root folder get lost when wordpress is updated?
  39. footer disappear on some pages frequently
  40. Changing CSS FilePath for All Pages
  41. CSS Minification
  42. wp_add_inline_style breaking style and not working
  43. show count is out of the anchor tag in wp_list_categories
  44. jQuery UI styles conflicting with TinyMCE dialog
  45. How to add a custom CSS class to ALL links
  46. How to create an optionally available stylesheet for visually impared users?
  47. Image getting out of container [closed]
  48. Clients website shows blank page [closed]
  49. Using PHP Increment and Conditional Statement to Alternate Loop Background
  50. Why is my child theme style.css not found (404) in the front-end? [closed]
  51. functions.php – inject inline css from file
  52. Changing navigation strip color with CSS
  53. How can I make css inline?
  54. Namespacing theme CSS
  55. Use Google Fonts and unicodes
  56. Conditionally print css style in WordPress
  57. How to change the standard navigation menu color when using genesis [closed]
  58. WordPress is not displaying CSS file
  59. Change class names dynamically added to html elements by wordpress
  60. Page versus post ID specific CSS ID?
  61. Add classes + taxonomy terms to wp_list_pages() output
  62. Chat window hiding behind Twenty Eleven header
  63. CSS for the main top menu appears to have stopped working after All-In-One Migration transfer
  64. Css will not display in webpage, after adding it in style.css in child theme
  65. Hide Tab Titles from Tabs Block
  66. Hide product variations at home page
  67. WordPress footer always at the bottom of the screen-page
  68. wp_list_pages two columns
  69. TinyMCE on frontend style not working
  70. WordPress childtheme not loading any CSS/SCSS
  71. Why can’t blocks be hidden with jQuery?
  72. CSS: Appearance/Customise display different to actual display
  73. Bootstrap Integtration
  74. H2 On Blog/Article Page Gets Assigned a Class
  75. HTML not resizing
  76. Help locating old custom_css in PHP MyAdmin
  77. I would like to achieve a two column checkout page
  78. Make Responsive Specific Page in WordPress
  79. How to get homepage div container of wordpress website to display full width? [duplicate]
  80. CSS in child theme to replace !important in parent theme
  81. How would I add this code to a single WordPress page?
  82. WP theme update causes child theme CSS problems
  83. How to change menu hover color to white on my theme? [closed]
  84. adding a favicon to site2 – site1/site2/favicon.ico
  85. WordPress crop image not working [closed]
  86. How to make CSS load live based on options clicked in the theme customizer?
  87. Which files can be replaced in a child theme?
  88. How to implement styling of div in the front end using plugin admin meta box settings?
  89. Inserting a DIV Block Into a Listing of Excerpts?
  90. How do i make a sidebar background color? [closed]
  91. How to remove audio player styles added by mediaelement.js JavaScript?
  92. Do you use css reset in your child theme [closed]
  93. CSS messes up when CACHE is cleared
  94. Twenty Fourteen Theme – Moving left sidebar to the right
  95. WordPress doesn’t respect “ver” parameter in styles [closed]
  96. why does WordPress custom css convert alpha to hex values?
  97. Image is very blurry
  98. how to change the colour of this background
  99. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  100. How to add css to wp_head depending on the user role?