Wordpress CSS & Media Query

wordpress css plugin
wordpress css editor
how to add css file in wordpress theme
wordpress custom css per page
what is custom css
how to include css in wordpress header
wordpress add css to specific page
how to add external css in wordpress

I am using a Wordpress theme and facing some challenges while changing the @media query for tab/mobile view lower than 961px screen size. Following is the link:

http://www.logopexcil.com on a higher resolution the header background image starting from very top but lower than 961px resolution it starts after topbar & nav bar. I tried with the following CSS but seems I am doing something wrong:

@media (max-width: 961px) {
.has-header-type11 .blox.page-title-x,.parallax-sec 
.page-title-x, .has-header-type11 .video-sec .page-title-x {
   top:0!important;  
  }
}

From your description I'm understanding you need assistance with alignment. This CSS adjusts the container and header since they have to be reversed. Hope it helps.

@media (max-width: 961px) {
.has-header-type11 .blox.page-title-x,
.parallax-sec 
.page-title-x, 
.has-header-type11 .video-sec .page-title-x {top:0!important;}


  .top-bar {display: none;} /* this was taking up space */
  .container {position:relative;top: 70px;} /* in the HTML this is above header, so bump it down */
  #header.w-header-type-11 {position: relative !important;top: -155px;}
  #main-content.container {padding:0;} /* remove unneeded padding */
}

Beginner's Guide: How to Use CSS in WordPress for Easy Style , You can use the CSS editor to customize the appearance of any WordPress.com site with a Premium plan or higher. It works by allowing you to add your own  WordPress relies heavily on the presentation styles within CSS. With the use of Themes, you have an almost infinite choice of layout options. WordPress Themes make it easy to change your website's appearance, and open up the field to help you create your own Theme and page layout. CSS stands for Cascading Style Sheets. It allows you to store style presentation information (like colors and layout) separate from your HTML structure.

How to Easily Add Custom CSS to Your WordPress Site, How to Add Custom CSS to WordPress. Did you ever want to change certain aspects of your website's appearance but simply didn't know how  You can use the CSS editor to customize the appearance of any WordPress.com site with a Premium plan or higher. It works by allowing you to add your own CSS styles to override the default styles of your theme.

The image is a background image, so

@media (max-width: 961px)
.has-header-type11 .blox.page-title-x, .parallax-sec .page-title-x, .has-header-type11         
.video-sec .page-title-x {
    background-position-y: top !important;
}

The .page-title-x div already has an inline style, so the !important is required.

How to Add Custom CSS – Support, Pros Of Using The WordPress Customizer For CSS: You don't need to do any setup or install a plugin. It's part of the WordPress core. You can  To add CSS to WordPress, you just need to: Navigate to Appearance > Customize in your WordPress dashboard to open the WordPress Customizer Select the Additional CSS option from the menu on the left in the WordPress Customizer interface:

WordPress Custom CSS: A Guide to Customize Your Site Design, How WordPress and CSS Work Together. It's a given that no two WordPress themes are created equal. So, keep in mind that your WordPress  CSS or Cascading Style Sheets is a style sheet language used to define visual appearance and formatting of HTML documents. WordPress themes use CSS and HTML to output the data generated by WordPress. Every WordPress theme contains a style.css file which has style rules to define the formatting of pages generated by WordPress.

How To Customize CSS On A WordPress Website, Log into your WP Admin dashboard. Navigate to Appearance > Customize > Additional CSS. Enter your custom CSS. Hit the Publish button to  WordPress uses the header comment section of a style.css to display information about the theme in the Appearance (Themes) dashboard panel. Example # Example Here is an example of the header part of style.css.

How to Easily Add Custom CSS to Your WordPress Site (2 Methods , Description An easy-to-use WordPress Plugin to add custom CSS styles that override Plugin and Theme default styles. This plugin is designed to meet the needs of administrators who would like to add their own CSS to their WordPress website. Styles created with this plugin will render even if the theme is changed.