gnarbles
Member
Posted 1 year ago #
How can I size an element (in header) that does not have the padding (white space) on the left and right of the page.
I need the element to be sitting on top of the wrapper, with the same width as the wrapper. The problem is that the position changes when I zoom the page, i need it to stay with the rest of the page when zooming
link to your site?
formatting issues can generally not be discussed without seeing the problem in a live site.
gnarbles
Member
Posted 1 year ago #
gnarbles
Member
Posted 1 year ago #
the element im referring to is the transparent logo at the top of the page
Open your style.css stylesheet. You will need to change margin-right and margin-left to auto in two places. The first is near line 1386 for the #toptitle element, and the second is near line 378 for the #access element. The first change is for your transparent header image, and the second change is for your navigation menu.
gnarbles
Member
Posted 1 year ago #
@JPry: Awesome, it worked for the header image perfectly, but not the menu, which is still messed up and now out of alignment
Well, let's take it back a few steps. First, I would recommend saving any changes you've made to the theme files, and then incorporate them into a Child Theme. This will make sure that you don't lose anything if/when the TwentyTen theme is updated. Secondly, what specifically are you trying to accomplish by separating the header image and navigation from the original <div> wraps that they were enclosed in? If I understand what you're shooting for, maybe I can help you determine a better method that doesn't break things unintentionally.
gnarbles
Member
Posted 1 year ago #
Im saving everything Im doing, the only thing i need is my navigation menu fixed and then i'll be all set. I don't know what more to tell you.
I think I found what is causing the problem. Remove float: left; from the definition for #access in your style.css file, then reset margin-right and margin-left to auto. See if that gives you the results you're looking for.
Sorry, one more thing. Near line 396 for div.menu, add overflow: auto;.