Mike

Can you please tell me whether or not the wp-property plug-in will work responsively in my responsive theme which is not one of your themes?

I need to know whether it will allow me to set it up responsively, otherwise I am devoting a lot of time to get it working here for nothing.

I just need a yes or no answer – will it work responsively without issue with Avada theme?

Mike

I thought I was actually putting this in the HTML by using a ‘hook’ that the theme developers provide in the functions.php file of the child theme?

Or should I be doing it another way, i.e. Putting it in the header.php file? – will it make any difference?

Everywhere I have read details that code to make a search bar responsive is done via CSS?

Mike

ok .. so if I embed the plug-in search bar inside the HTML for the header main navigation it will naturally/automatically be responsive like the rest of the header/theme?? .. (or is there more required and that is wishful thinking?)

I understand the support limitations but are saying this is straightforward enough for a non-expert like me?

I see what you mean …

That’s absolutely fine, I will remove the absolute positioning no problem..

I’m not sure I understand why moving it to HTML is a better idea but I will take your word for it – but it then might get a bit more complex for me .. I guess I do that in the functions.php file aswell? …

I wonder if you could advise on what code is required?

Mike

I’m a little confused .. I did change the position of this – I applied the absolute positioning of this I said (code below). Should I change the absolute position to something else?

functions.php file of child theme:

// Apply Custom Search bar in header //
add_action( ‘avada_header’, ‘my_custom_search’ );
function my_custom_search() {
echo do_shortcode(‘[property_search]’);
}

custom.css:

/* Search functionality – Main search bar elements */
.wpp_shortcode_search {
/* Positioning */
position: absolute;
width: 40%;
bottom: -10px;
left: 436px;
}

I’m still a bit confused as to my previous question:

” Here’s what I am really struggling with. Why does the search bar code below work responsively but if I cut and paste it to my site, it does not act work responsively??

https://codepen.io/capynet/pen/vJBnL “

Mike

this is a search bar that is part of my plug-in (wp-property) … I have added the search form custom to the header via a shortcode from my child theme functions.php file..

yes that is the search bar …

As you can see, it does not act responsively at all …

I have not moved the sidebar. The top pink band with the phone number/email etc is the secondary menu of my theme.

I have only moved the main navigation menu a little bit (with the Landlords, Renting bits).

Here’s what I am really struggling with. Why does the search bar code below work responsively but if I cut and paste it to my site, it does not act work responsively??

https://codepen.io/capynet/pen/vJBnL

Mike

You mean that no plug-in will be responsive?

The website is here https://www.pinkpiranhaproperty.com

But the custom CSS I have added is limited as you will see.

Mike

Ok

I guess you can get themes where you can customise the header with widgets – right?

Mike

Well I have 2 questions:

1) In all sites with a big search bar – like a property site, they always seem to place the search bar in the hesder. Why do people customise the header with a search bar? – Why wouldnt they put it in the main body of the site?

2) To answer your question – I was thinking of using the Avada theme but I was told that the header and footer are not ‘drag and drop areas’ … I’m new to WordPress so I’m probably best having a theme that I can simply just add a search widget into the header …. Is this possible?

Mike

Great

So you’re saying by choosing a plug-in which supports short codes – just like the link you sent – I can position my search bar ANYWHERE on my site?

I think I have chosen a nice theme now and it has a built in search facility – I guess I can just override that with my plug-in if it doesn’t work for me?

I like this sites search facility:

https://www.belvoir.co.uk

Is this easily do-able with the advanced search plug-in and short codes you are talking about?

Mike

Thanks

That looks the kind of plug-in I need by the looks ..

I don’t know much about short codes but I’m guessing that I need to edit CSS code in order to place this search widget anywhere I like – right?

How big a job is that for a starter like me?

I asked this question before and somebody else told me I had to ‘edit the header file’ in order to place a search bar in the middle of the page? … Do you know what they mean ? … Maybe they thought I wanted it high up where the logo of the site is?

Just finding my feet here …

Mike

By the way thank u Christine…. That was a very detailed descriptionkf what I would need to do – sounds like a process I will follow.

Mike

Ok I was not aware of the extra charges and premium service etc at WordPress.com so I know what you meant now.

I guess I will probably only export the bare bone structure of the site on WordPress.com and not do anything fancy until I am on www.remarpro.com. Or even start again on www.remarpro.com after I have mastered WordPress.com.

The Dedicated IP address sounds like a valuable feature an something that I will probably need for sure if the site takes off at all. I assume there will no problem upgrading from shared IP later ?

The domain privacy thing I am trying to work out the value if it – just for confidentiality so your details don’t appear?

And the domain back up basically sounds like an insurance cover for tech support? Am I right ?

I think they may be all features sort having but certainly something I will consider further down the road. What are the ball park prices for these additions?

Mike