change oxygen header width

Try changing the id branding in custom css or child theme to 100% like below

#branding {
float: left;
overflow: hidden;
width: 100%;
}

I tried that but it still didn’t change.

Themes on .COM are not always identical to the .ORG version. You might want to simply download the .COM version here:

https://theme.wordpress.com/themes/oxygen/

Link on lower right sidebar.

Otherwise, you’ll probably need to create a child theme and do some more significant modifications –

https://codex.www.ads-software.com/Child_Themes

Hi beverleyc

I just checked and it seems that you have width still set to 45%.

Where did you put the code?

best to put the code in a child theme

Ahh, i’m very new to this. I changed it in the “editor” under “appearance”
So it looks like this
#branding {
float: left;
width: 100%;
position: relative;
}
#sidebar-header {
width: 100%;
margin-bottom: 10px;

I changed it in the “editor” under “appearance”

Under a custom CSS plugin hopefully?

If you make changes to theme files, your changes will be lost when the theme is updated so that’s not a good way to go.

Yes WPyogo is right. Don’t make changes to the theme files.

From what I see Oxygen does have a custom css section under Appearence > customize > Miscellaneous

There is always the option to create a child theme.

Hi! I’m having the same problem! I didn’t know I could download the .com version and use it in the self-hosting site. Does ir really work? I want the header to be placed in the middle and to be bigger.
I’ve tried changing the branding width but it did not work.

Thank you!

(this is my blog: https://titinroundtheworld.com

Angietitin if you want your header logo to be in the middle which is in the div branding then try adding the following to your custom css:

#branding {
float: none;
width:45%;
margin: 0 auto;
}

Try changing the width if you want it bigger.

I had this issue and tried all of the above but nothing worked. Then I fixed it! You do need to change the width under the branding div like dazzyweb said but make sure you check the URL of the header logo. It may be automatically refering to a resized version.

Go to:
-Appearance
-Theme Settings

Then check where it says logo. If you clicked upload and uploaded the logo there take a look at the end of the url. It may say something like:

https://www.yoursite.com/wp-content/uploads/2013/12/LOGO-300×37.jpg

This is referring to a resized version of the logo you uploaded. Take off the dimensions they added so that it looks more like:

https://www.yoursite.com/wp-content/uploads/2013/12/LOGO.jpg

This will give you the full resolution of the logo you uploaded. Now you can adjust the size by changing the width like dazzyweb originally stated. I hope this helps someone!

I have the sama problem, went from .com to .org and my header is way to small. I have tried everything what all you said above (except childtheme). Can anyone help me please…
Link to my site https://hallohashimoto.nl/

I have solved the problem! I uploaded the plugin One click Child theme and I have placed this in it:

/* Header
————————————————————– */
#header {
clear: both;
width: 100%;
float: left;
padding: 40px 0 0 0;
}
#branding {
float: left;
width: 100%
overflow: hidden;