Expound theme – mobile – search box

ismailimail · Member · Mar 7, 2015 at 9:35 pm
Copy link

Add topic to favorites
Is there a way to have a search box in Expound theme, when seen in the mobile/phone browsers?

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Mar 9, 2015 at 9:47 pm
Copy link
Hi there, your search box should already be visible on smaller devices. In Expound, at smaller screen sizes like phones, the whole sidebar appears at the bottom of the page, including the search box you have there.

Could you please scroll down on your phone and let me know if you see the search box with your other widgets below your posts?
ismailimail · Member · Mar 9, 2015 at 10:53 pm
Copy link
yes, I am looking to see if the search box can be at the top?

From the desktop perspective, I have reasonable number of posts I want to display on the front page. But the same number posts become too large when someone is on mobile, viewing the site. For that person, finding the search box at the bottom, becomes a chore to scroll down.
kathrynwp · Staff · Mar 10, 2015 at 3:41 pm
Copy link
Ah, I see!

My colleague Richard (thesacredpath) came up with some custom CSS you could use to move the search widget to the top only on smaller screens. You can see the effect while you have Custom Design in trial mode by putting the code into the CSS editor in the Customizer and making the browser window below 900px wide, or clicking the phone icon on the preview screen.
```
@media screen and (max-width: 900px) {
    .home .site-main {
        position: relative;
    }
    .home #search-3 {
        position: absolute;
        top: 30px;
    }
    .home .featured-content {
        padding-top:100px;
    }
}
```
Because of the age of your account, you are still eligible to purchase Custom Design as a standalone upgrade if you like:

https://ismailimail.wordpress.com/wp-admin/paid-upgrades.php

Just let me know if you have any other questions!

No items found.