Announcement

Collapse
No announcement yet.

Quck search too long!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Quck search too long!

    The quick search bar on the header is hundreds of characters long, causing the logo to jump down a line in certain widths.

    With the help of support we reduced it a bit, but this still limits the logo size to 350px max

    Can anyone tell me which part of the CSS I need to reduce the % in, I just cant remember?

    thank you
    https://www.harrisontelescopes.co.uk/

    Ed Harrison - Menmuir Scotland

    #2
    I think it's in Smart Responsive Stylesheet (Current Stylesheet):

    Code:
    .quick-search {
    	float:right;
    	clear:right;
    	width:60em;
    	margin:0;
    	padding:0;
    }
    60em is the setting I use.

    John
    John Ennals
    www.tortoys.co.uk

    Comment


      #3
      I believe it is somewhere in the css2 and has the various screen widths in pixels and % values....
      https://www.harrisontelescopes.co.uk/

      Ed Harrison - Menmuir Scotland

      Comment


        #4
        Probably the next item in the stylesheet:

        Code:
        .quick-search form {
        	width:100%;
        	position:relative;
        }
        John Ennals
        www.tortoys.co.uk

        Comment


          #5
          Thank you - how simple compared to the method support tried, now I can have a normal logo!

          Saying that, some screen sizes it still jumps a line, but at least the quick search is not the entire screen width now.
          https://www.harrisontelescopes.co.uk/

          Ed Harrison - Menmuir Scotland

          Comment


            #6
            You could also add a float:right:

            Code:
            .quick-search form {
            	width:60%;
            	float:right;
            	position:relative;
            }
            As you may have gathered, I don't really know what I'm doing but I do remember experimenting with these settings until the 'jumping' stopped!
            John Ennals
            www.tortoys.co.uk

            Comment

            Working...
            X