Title: CSS Issue, basic help needed
Last modified: August 22, 2016

---

# CSS Issue, basic help needed

 *  Resolved [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * (@chriscolston)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/)
 * Wondering if someine can help, I’m having terrible trouble centering some elements
   on my page:
    [](http://madlife.co.uk/)
 * All I want is the logo and the main nav to be centered, and for mobile devices
   aswell? The theme has a custom CSS box but nothing seems to change when I alter
   the selectors. Can anyone help, I know it’s really basic, apologies
 * thanks
    Chris

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * (@wpmudev-support2)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775515)
 * Hey there Chris,
 * Hope you’re well! 🙂
 * Something like this: [http://prntscr.com/63q91m](http://prntscr.com/63q91m) ?
   If so, I suggest you use a child theme [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
   or use css custom plugin like this: [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/)
   if you will customize your theme.
 * Add the code in your child theme’s style.css or using the plugin mentioned above.
 *     ```
       #masthead {
       	position: relative;
       }
   
       div.site-branding {
       	width: 100%;
       }
   
       h1.site-title {
       	text-align: center;
       }
   
       #site-navigation {
       	width: 100%;
       }
   
       @media screen and (min-width: 1000px ) {
       	#social-icons {
       		position: absolute;
       		right: 0;
       	}
       }
       ```
   
 * Let me know if it helps! 🙂
 * Take care,
    Calvin
 * P.S I notice that you are editing the styles when I also look at it so if you
   opt-in to my answer then I suggest you remove all modification to avoid conflict.
 *  Thread Starter [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * (@chriscolston)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775759)
 * Thanks Calvin, most helpful.
 * I did try and use a child theme – the problem I have is that it only works if
   I use !important in all of the CSS overwrites. I know from experience that shouldn’t
   be the case I tried both the Wp_enque and [@import](https://wordpress.org/support/users/import/)
   setups but to no avail
 * The logo is now centered, (slightly off on mobiles)
 * My problem now is my text has defaulted back to a left alignment on desktop, 
   I’ve tried getting a media query to work?? Could it be related to the issue abut
   the child theme not being picked up? I assume not
 * thanks
    Chris [http://madlife.co.uk/](http://madlife.co.uk/)
 *  Thread Starter [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * (@chriscolston)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775760)
 * p.s I know this is pinecerty but I actually only want the h2 header to be as 
   wide as the grid container
 *  [Jesin A](https://wordpress.org/support/users/jesin/)
 * (@jesin)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775762)
 * For centering the main nav:
 *     ```
       #site-navigation li {
           float: none;
           display: inline-block;
       ```
   
 *  Thread Starter [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * (@chriscolston)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775763)
 * Cheers Jesin A
 *  Thread Starter [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * (@chriscolston)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775796)
 * closed

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘CSS Issue, basic help needed’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/market/2.1.2/screenshot.png)
 * Market
 * [Support Threads](https://wordpress.org/support/theme/market/)
 * [Active Topics](https://wordpress.org/support/theme/market/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/market/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/market/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 6 replies
 * 3 participants
 * Last reply from: [ChrisColston](https://wordpress.org/support/users/chriscolston/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/css-issue-basic-help-needed/#post-5775796)
 * Status: resolved