• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 10.06.21, 18:46
  • Opened by: JAAFAR NEFOUSSI
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #21671 - Search box position error

hi ,
can you check the searchbox position and make it responsive .
when change the screen size the box upscale the menu

Comments

Fred 11 Jun 2021, 12:10

Try following CSS fix:

@media (max-width:1024px) {
.headerbuilder .pts-container-wrap:not(.header-1) .row-inner > .row {display:flex;align-items:center;}
.headerbuilder .pts-container-wrap:not(.header-1) .row-inner > .row > div:first-child {width:auto;float:none}
.headerbuilder .pts-container-wrap:not(.header-1) .row-inner > .row > div:last-child {width:100%;float:none;flex-grow:1}
.headerbuilder #search_widget form {width:350px}
}

The result https://take.ms/Bcvbe

JAAFAR NEFOUSSI 11 Jun 2021, 13:46

Hello tried to fix with the code , note working .see attachment

Attachments:

Capture.JPG (100.8 KiB)
Fred 11 Jun 2021, 13:53

you have to adjust your menu to the screens width. You have too many menu items