Your cart is currently empty!
Homepage › Community Forums › Ally Theme Support › Ok, last time, i promise. Got an issue with responsive header widget area
Tagged: header, responsive
I have a small issue with the header widget area that I am almost sure i did something to screw it up. Its responsive in a way, it puts everything on top of the logo on my phone.
Its not too big of a deal, but i would like to try and figure out why.
I have erased everything and just put a phone number up there and it does the same thing, i know i have a lot of junk up there in it.
Any help would be appreciated
Thank You
https://personal-injury-doctor.com
Life鈥檚 Hard, its a lot Harder if you are stupid
You could add the min-height
back to the title area and it would push the widget area below the logo. If you want, you could add it to the title area in your responsive CSS section under the iPad section (1023px width). –
.title-area {
padding: 16px 0;
padding: 1rem 0;
clear: both;
min-height: 150px;
}
BTW, there is a lot of extra spacing/line breaks in your css for some reason, which causes your css file to be a lot longer than it’s supposed to be. It’s normally 3-4 thousands lines, but the extra spacing makes it 6+ thousand lines. It’s not urgent, but thats something you’ll probably want to fix. I’m not sure how you did it though, it could be an error in the way the WordPress editor saved the file or something.
I’ve noticed the spacing, i use a ftp to edit the CSS and then just upload it.
I’ve been using Microsoft web expression (i know its out of date, but its what i have used in the past)
Every time i change the CSS i try to eliminate some of the white spacing, seems odd to me. It snot just this site i notice the white space, it seems everything i touch has twice the CSS lines
Life鈥檚 Hard, its a lot Harder if you are stupid
Wes, im not going to ask you why that fixed it, but it did.
Thank you Very Much
now to erase all those white lines in the CSS
Life鈥檚 Hard, its a lot Harder if you are stupid
If you ever run into that issue again, the reason why min-height
works for this case is because it created a “minimum” height for the title area (150px tall). So that means the widget area below it will only show up after the 150px height/space.
If you have any other questions feel free to ask! That’s what we’re here for 馃檪
Thanks Wes, that makes sense now, still trying to figure some things out with CSS
Any suggestions on how i can remove all those white spaces, this is going to take a while
Life鈥檚 Hard, its a lot Harder if you are stupid
What do you use to edit the CSS. I want something that i can see the number on the line. It appears when i back down the css via FTP, Microsoft web expression put the spacing in for some reason. I like using expression web because its what im use to.
This stinks, erasing all the white lines
Life鈥檚 Hard, its a lot Harder if you are stupid
I use a program called Espresso for Mac….when I had a PC I used something called Notepad++ There are a lot of programs out there that you can use, some are free, and some you have to pay for. They should all show the line numbers, so you can start out with a free program first to try it out depending on which OS you use.