Centering Header and Menu

Hey Jillian,

If you need to sort the logo, try the code below in your custom CSS area or your style.css if using a child theme

hgroup {
  text-align: center !important;
  width: 100% !important;
}

#logo {
  float: none !important;
  padding-right: 0 !important;
}

In terms of your logo, it is currently set to display at a max width of 100%.

You could use some CSS to increase the size of it, however I strongly recommend you get a larger version of the logo to upload.

Once you have added the CSS above, let me know and i’ll look at the menu. One thing at a time ??

Ok, I think I may be way more inexperienced at this than I expected ??
I was trying to pull up where to place the coding and I found it. But I have no idea where to plug it on this page. I figured out quite a bit, but I apologize for the dumb question. And thank you for the one at a time answers. It’s VERY much appreciated ??

HI Jillian,

Thats ok. on the left hand side of your wordpress dashboard (hopefully you know what that is) you will see a menu item called appearance. If you hover on that there will be an option called “theme options”

That will bring up another options panel on the right. Under the “general options” there should be a text area right at the bottom called “Custom CSS”.

You need to copy the code above and paste it in there, and then press save at the bottom

Hopefully that clears this up for you

Thank you So much,
I actually figured out where the coding goes. It looks like my theme was set up under the flexible Style Sheet. When I go into the CSS is there a particular place I should be pasting the coding I guess is what I was trying to ask and came out wrong ??
Does that question make sense. I do appreciate all your help with this!! I just want to be sure I am pasting the coding into the correct location in the css.
Thanks again ??
Jill

Jill,

What you would be better off doing, is creating a child theme for your theme, then if you get any updates, it wont impact on any changes you make.

If you dont want to do that, you could just put the CSS at the bottom of the sheet under a heading. But you would have to remember to copy it before you update your theme (which is why id recommend a child theme as you wont have to do that)

If you are happy without a child theme, copy and past all of the below to the bottom of your style sheet:

/* CUSTOM CSS - TO BE COPIED BEFORE UPDATING THEME */

hgroup {
  text-align: center !important;
  width: 100% !important;
}

#logo {
  float: none !important;
  padding-right: 0 !important;
}

You can then keep adding custom CSS to the very bottom under that heading so you know what CSS you have written that will need to be copied out.

As before though, I would strongly suggest you look at child themes if you dont have a custom CSS area. Or you can install this plugin which would make your life just as easy instead of creating a child theme, it allows custom CSS:
https://www.ads-software.com/plugins/simple-custom-css/

Any questions, do ask. But in my opinion, if you install the above plugin and copy and paste the CSS you wont have to worry when your theme updates

Thanks

Thank you so much for your updates on this ??

I don’t know how the heck I miss it!! I just saw this today!
I think this is all completely over my head haha. I know how to create pages and add menu bars and stuff like that, but this stuff is jumbling my head for sure haha. I used to have someone that did this for me but they got busy and were not able to.
This may be odd but do you know anyone who does this sort of thing? I know this probably seems like something somewhat easy, but I get lost in the theme area. I had someone originally create the site for me originally and I know the basics, like how to add images to the portfolio. But centering the menu and making the logo appear atop the menu, I keep messing with my site. Like right now I am not sure what I did but my entire menu mushes together ??
All of your help is GREATLY appreciated!!
Happy Holidays!!!
Jill

Hello,
I finally got the logo centered. But now I am still having issues figuring out how to center the menu bar. Seems I screwed something up and it is aligning to the left now and piling up on top of each other. Does anyone have any suggestions?
https://www.bombsoverbettyphoto.com

Any help would be greatly appreciated!

Jill

I don’t see anything ‘piling up’;
which browser are you using, and which browser window size?

try to add (via a custom CSS plugin):

@media only screen and ( min-width: 768px ) {
#top-menu { float: none; text-align: center;  }
#menu-top-nav { display: inline-block; }
}

for any further support with problems or questions regarding your theme, please contact the developer directly – https://codex.www.ads-software.com/Forum_Welcome#Commercial_Products