Search dropdown alignment and size in mobile viewports

Support
#1

Hi,

Please advise how to align and size search dropdown so it fits in the centre of all mobile viewports with even margins on sides.

Thanks, MB

#2

Hey,

Could you be more specific about the position of the search dropdown? This way we can give you a custom code to align it.

#3

Yes, the search dropdown on mobile does not align center in th viewport when expanded.

#4

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .hm7.x-dropdown.x-hide-xl.x-active {
        top: 104px;
        width: 340px;
    }   
}
@media (max-width: 320px){
    .hm7.x-dropdown.x-hide-xl.x-active {
        width: 296px;
    }   
}
#5

Didn’t work.

#6

Hey there,

Can you please share some screenshots of the issue so we can take a closer look?

Thanks!

#7

I will try another solution with inline search element.

#8

Sure, do let us know if you need any assistance.

Cheers!