Header widget area on mobile

When I view the site tanzania.tutaabsoluta.net on mobile, there is a fair amount of space between the search bar and the top. Is there a way of pushing it all up and comprising it so there is less white space just left there?

I want to add a box on the home page with various links to other sites within this - have you the coding or this? So long as I can change the color and make sure that the text or links within are clickable, thats all that I require

Hi,

You can try to use following css code to remove the space in the top of search area:

.header-widgets .widget.widget_search {
    padding-top: 0;
}

.header-widgets .widget .widget-title {
    margin-top: 0;
}

You can use simple custom css plugin to put the code in above.

May I know in which area will you put the box?

Thank you, that helps! However, what I want to do is move the search icon further up to the top similar to how this site is and just make all the logos and text “tighter” If you look at this site here

http://www.agra.org/what-we-do/policy-across-the-agricultural-value-chain/ and look at that page on mobile, thats how I’ve been sintructed to have it if possible… please!

Thanks

Oh… did you mean that you want the position of the search bar is beside the top menu? You can follow the steps from here https://athemes.com/forums/topic/search-on-menu/#post-165827

Yes that right - i tried that and added the code into the functions.php right at the tope but no update! Can you help please?

Thanks

I’ve just checked your site and looks like you put the code with some missing code? I can see the code you added in the top of your site. http://prntscr.com/9xjx0u

Please re-check your code :slight_smile:

Regards,
Awan

Thanks - I’ve just checked the code and added in but now it looks pretty bad! What have I done wrong? I’m sorry!

Are you working with child theme to add the custom code? can you share the entire file of functions.php? you can copy paste the code to pastebin.com and share the URL to here.

No, I’m just using th oringila I think? Here is a link to my paste bin

http://pastebin.com/u/lcs1991

Hey have you got any advice please?

Hi, sorry for the delays…

I’ve just checking your code in the pastebin and I thinks there is a problem when you paste the code from the suggested thread in above. The quote and double-quote " from the code is invalid. Please try to use this code instead.

And I suggest you to use child theme when you made some custom code to the theme, so it will not replaced when you update your theme

Thank ou, I added that code but can\t seem to see any difference, can you?

Yeah, its working on my end.

Why didn’t you using child theme for customizing your theme? maybe you can create a FTP account and your wp account then send it to my email, so I can help you further

Cheers - its looks dodgy y end, it still shows some random code… can you send a screenshot of how it looks your ed, on mobile and mac? And I’m not sure how to do a child theme, it looks a bit beyond me, so I resorted to doing it this way… sorry!!

I working on my localhost and here is the screenshot.
desktop http://prntscr.com/9y3eiw
iphone5 chrome simulator http://prntscr.com/9y3fej
ipad chrome simulator http://prntscr.com/9y3fws

the code http://prntscr.com/9y3g8y

I am not apple user, so I can’t give you the screenshot with mac device :slight_smile:

I see… that looks fine, its really confusing! Can you, one more time, give me the exact code to paste into the function.php area? And, I’m putting it in right at the begging, is that right? Or should it go someplace else? And, finally, I need to then deactivate the below header search icon, right?

Many manny thank!

Can i give you the log in details via message so you could have a look at all please?

Hmmm its better if you place the code like I showed in the screenshot in above. if you keep want to edit the original file, you can place the code at line about 333 or before this line

/**
 * Implement the Custom Header feature.
 */

The code is already fixed and you can get it from here http://pastebin.com/rDuhyGwS

here is my email awan.rimbawan101 at gmail

Thank you - I did try emailing you but had no luck, it comes up with an error message unfortunately.My email is lawrenceots at googlemail . come

Cheers