Change div position in Search Page

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: header search page

Author

Posts
December 10, 2014 at 8:53 am #23984

bynatasha
Free User

Post count: 27

Hi,
I am working on some design changes and I am trying to achieve the following:
In Search Page I want to move the div “header” above the div “geodir-common”.
My intension is to change the width of “header” to 100% without changing the width of “geodir-common” container.
How can I do that without messing up with the template actions?

Kat

December 10, 2014 at 9:40 am #23986

Guust
Moderator

Post count: 29970

Unless you made a change, the div “header” should already be above the div “geodir-common”?

Your header closes before the geodir-common, so you should only need to change the CSS.

Can you send us a URL?

December 10, 2014 at 10:46 pm #24045

bynatasha
Free User

Post count: 27

This reply has been marked as private.

December 11, 2014 at 5:42 pm #24099

Paolo
Site Admin

Post count: 31211

That is not feasible with css only. You need to create a custom function to take that DIV only and move it out of the parent div.

John’s tutorial on how to create a compatibility plugin is the perfect start to understand how to do this: http://docs.wpgeodirectory.com/how-to-build-your-own-theme-compatibility-plugin/

If you wish for John’s help (paid), just let me know and I’ll flag this for him.

Thx

December 11, 2014 at 7:32 pm #24115

bynatasha
Free User

Post count: 27

Hello @paolo! That was my assumption wanted to make sure.
I am still getting a hold of how everything works.
I will check the link and get back to you.

Thank you!
Author

Posts