Ad line under navigation bar!?

Look at applying a CSS border to it: https://www.w3schools.com/css/css_border.asp .

I am not looking to apply a border to it, I am just looking to apply a line. I uploaded an image of the line and put it under my header which works, but it goes off to the right side and I am unable to center it. My site is: betterdecoratingbible.com

I’m stuck and don’t know what to do. Anyone have any ideas?

Try not to edit the theme’s files like that, you’ll only lose your modifications when the theme updates & it’s important to keep the default themes free of changes so that they can be reverted back for debugging purposes.

Set up a Child Theme, then copy the file you want to modify and paste it into your Child Theme directory. You can then safely modify that file (in your Child Theme).

What you may want to do instead of applying a HTML “img” element is to apply a “background-image” style to the “header” element.

If it’s just a CSS change you want to make then it may be better just using a Custom CSS plugin to manage your CSS modifications.

hi! thanks for the help – im a newbie here so its quite difficult for me to put together the code by myself. could you help me out? what code would i put in the header.php and the style.css to achieve this? thanks!

Do you have the child theme set up? That’s the first step – be sure that you do NOT modify theme files directly or your changes will be lost when WP is updated.

I have been told that, and I updated wordpress yesterday and my changes have not been lost at all.