Search field on mobile is not working

[Joanna]

Hi there,

I would like to ask you how can fix the attached screenshot. I would like it to be just a search box but there is some text on the mobile.

Joanna

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

If you can add this to Theme Options => Custom CSS

.no-csstransforms3d .layout-fullwidth .header-aux-open #container, 
.header-aux-open.ss-open.layout-fullwidth #container {
    padding-top: 260px;
}

It will result in this:

[Joanna]

Hi there,

Thank you but I would like to remove the text “I am looking for…” and the super search.

All I would like to have is when you click on search you get the standard search field and button search.

Jo

[David Martin – Support]

You can disable this here for mobile: Theme Options => Super Search Options => Enable Super Search on Mobile.

Unfortunately you can only have the Super Search here, not a standard search input.

Thanks.

[Joanna]

Hi there,

OK, thank you. And is there any way to keep my social media bar at the top? Or this will not work on the mobile as well?

Thank you,

Joanna

[David Martin – Support]

It does not work on mobile due to limited space, you can add this back using the below example CSS/Media Query override. You would likely need to customise the CSS to be sure it displays perfectly due to the small window size.

@media only screen and (max-width: 767px) {
#top-bar .tb-left, 
#top-bar .tb-right {
    display: block!important;
}
}

[Joanna]

Hello,

OK. I understand. I will not have it then if it can have some problems.

Thank you,

Joanna

[David Martin – Support]

Ok, thanks.

– David.