Ok, last time, i promise. Got an issue with responsive header widget area

Homepage Community Forums Ally Theme Support Ok, last time, i promise. Got an issue with responsive header widget area

Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #13019
    troy
    Customer

      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

      #13027
      Wes
      Moderator

        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.

        #13031
        troy
        Customer

          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

          #13033
          troy
          Customer

            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

            #13034
            Wes
            Moderator

              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 馃檪

              #13035
              troy
              Customer

                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

                #13039
                troy
                Customer

                  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

                  #13046
                  Wes
                  Moderator

                    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.

                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.