Making WordPress.org

Opened 12 months ago

Last modified 12 months ago

#6955 new defect (bug)

Design looks improper in responsive.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Priority: normal
Component: Support Forums Keywords:
Cc:

Description

Open URL :- https://wordpress.org/support/forums/
Check the heading search bar in responsive.
It is not looks proper.

Attachments (4)

CleanShot 2023-04-26 at 21.58.25@2x.png (88.4 KB) - added by nidhidhandhukiya 12 months ago.
I have attached screenshot for better understanding.
CleanShot 2023-04-26 at 22.04.15@2x.png (97.7 KB) - added by nidhidhandhukiya 12 months ago.
Result after applying given css.
6955.diff (879 bytes) - added by viralsampat 12 months ago.
I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.
CleanShot 2023-04-28 at 14.23.59@2x.png (110.0 KB) - added by viralsampat 12 months ago.

Download all attachments as: .zip

Change History (5)

@nidhidhandhukiya
12 months ago

I have attached screenshot for better understanding.

#1 @nidhidhandhukiya
12 months ago

Below css can make the design better.

@media screen and (max-width: 767px) {
    .main-navigation button.button-search {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    .site-header:not(.home) .search-form {
        display: block;
    }
}

@nidhidhandhukiya
12 months ago

Result after applying given css.

@viralsampat
12 months ago

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

Note: See TracTickets for help on using tickets.