[signify]

Hi,

I am using Catch-box for my website. I have the search box showing in the header of my site. However, when I see what it looks like on mobile devices, the search box is smack in the middle of the header and covers my logo. I want the box to be above the logo instead. I know that this is possible because the website detech.com does it.

My website is https://www.writersflowapp.com

Thanks for your help,

Amanda

[Sakin]

@signify: Which version of theme are you using it? It shouldn’t have problem. But yes there is problem in your site in mobile devices.

[signify]

Hi,

The version is 2.6.1 just prior to the latest update.

Thanks for responding,

Amanda

[Sakin]

@signify: Can you try adding in following CSS in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 960px) { 
.logo-wrap {
    padding-top: 50px;
}
#branding #searchform {
    text-align: center;
    top: 10px;
    width: 100%;
}
}

[signify]

Thank you very much Sakin!

That solved the problem.

Amanda

[Author]

Posts