1st Responsive Size Down – Header Site Title Becomes Two Lines

Homepage Community Forums Epik Theme Support 1st Responsive Size Down – Header Site Title Becomes Two Lines

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4472
    golvwine
    Customer

      Hi,

      When I resize my browser down a size from the full width of 1152, the site title I have in the header becomes two lines even though it’s aligned to the left and shouldn’t really be affected. Is there a way to keep it all on one line in the header when the window is resized?

      Paul

      #4475
      Wes
      Moderator

        Yes, do you have a link so I can take a quick look?

        #4832
        golvwine
        Customer

          Sure, here is the website: http://www.livermorewineriesapp.com/

          If you size the window down one size, the word “App” in my title goes to the next line when it isn’t really necessary yet.

          #4993
          golvwine
          Customer

            bump

            Can anyone help me with this?

            #5001
            Eric
            Customer

              Sorry about that. Wes has been busy working on themes and other projects….so I’ve been helping him out in the forums lately.

              The #title-area is the part you would need to adjust. It is currently set at 30%, so you could increase that to around 48-50% and it should stay on the same line. However, since your header right widget area is set to 65% it will drop off under its current location since both the title-area and widget area will exceed 100%. So you would need to adjust the widget area to a size that will allow them both to fit within 100%.

              This is what the title area looks like (around line 656) –

              #title-area {
                  width: 30%;
              }

              Change that to 48 – 50% or so.

              This is what the header right widget area looks like (around line 697) –

              #header .widget-area {
                  overflow: hidden;
                  width: 65%;
              }

              Decrease this once you increase the title-area, and make sure both widgets don’t exceed 100%.


              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              #5069
              golvwine
              Customer

                OK thank you, that worked!

                #5075
                Eric
                Customer

                  You’re Welcome


                  I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘1st Responsive Size Down – Header Site Title Becomes Two Lines’ is closed to new replies.