Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 25, 2018 at 4:50 am #1013965
    gatehealing

    In portrait mode, the magnifying glass overlaps my logo (a rectangle since it has my name/business name).

    Would it be possible to put it in the top header area where I have the phone number? On desktop, the phone number is on the left side, and social media on the right. . . .but on mobile, it’s just the phone number, centered. Hoping I can put the search up in that header area?

    Thanks!
    Jon

    September 25, 2018 at 5:00 am #1013969
    gatehealing

    I found how to shrink the burger menu lines, and that helped, but it still looks a bit cramped so I’d like to see how to works in header if code already exists. If it’s not already posted someplace, that’s ok, the smaller burger menu will suffice.

    Jon

    September 25, 2018 at 4:45 pm #1014278
    Dude

    Hi,

    It’s not easily possible to move the search icon but you could resize the logo based on the screen size – i.e. this css code:

    
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #wrap_all .logo a, .responsive #wrap_all .logo img {
   max-width: 200px;
}
}

    would resize the logo to 200px on screen resolutions between 989 and 768px. You can also add a margin-top to the code to center the logo if necessary:

    
@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive #wrap_all .logo a, .responsive #wrap_all .logo img {
max-width: 200px;
}

.responsive #wrap_all .logo img {
margin-top: 30px;
}
}

    Best regards,
    Peter

    September 25, 2018 at 5:45 pm #1014326
    gatehealing

    Hey thanks Peter! i’ll play with those.

    Guessing drop those in the Quick CSS box in General Styling?

    Best
    Jon

    September 25, 2018 at 5:49 pm #1014328
    gatehealing

    That looks perfect. Y’all can close this thread.

    J

    September 26, 2018 at 5:54 am #1014538
    Rikard

    Hi,

    Great, glad we could help and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘On mobile, the search icon overlaps my horiz. rectangle logo. Put it at top?’ is closed to new replies.