Page 404 something wrong

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .search-no-results .search-form .search-field {
        margin-bottom: 5px;
    }
}

Thank you Tom this solve the problem but I have other…in the same page…

Without text inside…rounded search screenshot: https://prnt.sc/p1hkvc
With text inside rectangular search screenshot: https://prnt.sc/p1hl0h

Can we have on mobile only the rectangular one like desktop?

That’s super strange – any chance you can link me to the page so I can take a look?

Hello @edge22 you can simply try to search something that not exist on my blog mariushosting.com using iphone. this will show page 404 and you can see the problem

What browser/version of iOS are you using? We’re using border-radius: 0 on the element, which should remove the rounding: https://stackoverflow.com/questions/2918707/turn-off-iphone-safari-input-element-rounding

Iphone 6s Plus
browser latest Safari

Hmm, try this:

.search-field {
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
}

..same nothing happen

Does the same thing happen to you on a default install? https://gpsites.co/split/test

Same problem @edge22
screen1: https://prnt.sc/p3gt6k
screen2: https://prnt.sc/p3gtw0

What about this?:

input.search-field {
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
}

@edge22 now the problem is gone with this CSS code ??
The problem will be solved on the new Generate press? If yes, I will delete the custom CSS when new version is released.
Thank you so much!

Yes – we’ll look into fixing this in 2.4.

Thanks! ??

Hello @edge22 downloaded the latest GeneratePress 2.4 but this problem was not solved I continue to use the CSS instead.

Yes, this is something I need to look into a little more. Still on my radar ??