GeoDirectory Location Bar messes up Revolution Slider layers layout

[palicali]

Hi – I am working on creating my Business Directory with GeoDirectory. I have a nice Revolution Slider at the top of the page and the GD search bar on top of the Rev Slider (search for business, location, etc.).  Layout similar to the Yelp homepage.

It all looks beautiful until something automatically triggers the location bar to show above the Rev Slider (my location, automatically detected, nothing entered in search, this is based on a setting I set to allow this to happen, which is OK).

The issue is that when the Location Bar appears, it then pushes the Rev Slider down the page, and the search bar goes down even further, to now rest BELOW the image instead of ON TOP of the image. This changes the layout of the page. Either option (search bar on top of, or under, the image) might be OK, but I need to design the page accordingly.

Is it possible to get the search bar to “stick” in place on top of the image so that it doesn’t change the layout of my page when location gets activated?

FYI, the URL changes when the location bar appears:

FROM: https://mysite.com/directory/

TO:  https://mysite.com/location/united-states/california/mytown/

I would like the search bar to be on top of the image, but only if it will “stick” in place and not move around. If that is impossible to achieve, then I will design the page to have the search bar below the image.

Thank you for your guidance!

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

The search bar comes from Geo directory plugin or add-ons so to can move the search bar in other place the plugin needs to have a shortcode available to can render the search bar where you need, you can know that by asking the plugin developer if there it’s available some shortcode for search bar. if yes you can achieve the searchbar between menu and slider in that page.

The search bar shortcode or any other type of content can be added in that page between menu and slider using the next funciton

COPY CODE

function render_search_bar_in_listing_page() {
    if( geodir_is_page('detail') ) {
        echo do_shortcode('[your-shortcode-there]');
    }
}
do_action( 'kleo_before_content', 'render_search_bar_in_listing_page' );

Instead of [your-shortcode-there] paste your shortcode

NOTE : Child theme needs to be installed and activated.

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

That’s all

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[palicali]

Thanks Radu for the info.
Two follow up questions:

1) Did you add the text “test” to the header? See it is now appearing on the top left of the header and I don’t know how to get rid of it. I also can’t get rid of the text “11” in the header. Can you please help? My developer is trying to find this and he cannot find it either.

2) My question was that the layers on the Rev Slider do not stay together – I can put the search bar on top of the image just fine, it is that when the location bar appears below the top nav and the slider, it pushes the slider down and it pushes the search bar layer down even further, to below the image. So the two layers are not staying together. Maybe this is a question for Rev Slider people?

Thanks!

[Radu]

Hi,

1. I’ve typed something in header content from directory page but I’ve previewed page not saved, but I see now it’s fine.

2. Can you tell what word to search to see how it pushes the slider ?

R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[palicali]

Hi Radu –

The words “11” and “test” are still appearing in the header in the top left. See attached. These can be seen when logged in and coming soon is enabled, but I believe they disappear when logged out and coming soon disabled. Here is a link where you can see the “11” and “test” words:
https://republicofgreen.com/location/united-states/california/palo-alto/

FYI, I believe the “11” had appeared before you logged into the site, but the word “test” appeared about the same time that you first logged into the site. We can’t figure out how to delete them.

As for the search bar sliding down below the image, I will need to ask my developer to put the search bar back on top of the slider image (right now we put it below the image) so that I can show you. Basically, the GD auto-detects the user’s location when on the GD landing page, which then makes a fairly tall location breadcrumb bar appear above the slider. This then pushes the search bar off of the center of the slider image and puts it below the slider image.

[palicali]

In fact, the screenshot above shows the location bar that creates the issue.

[palicali]

I will move the “11” issue to its own ticket since it is a different topic.

[Radu]

hi,

The directory search result behavior it’s specific to geodirectory and there should be made some custom CSS by your developer to have results container positioned absolute to the search bar container and in this way the results will not push the slider.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[palicali]

Thank you Radu, regarding slider/CSS advice.

Also, we think we found the issue with “11” and “test” appearing at the top of the header – apparently it was output from a formula, not actual hard coded text. Still investigating but I will close that issue here.

[Radu]

For the test and 11 text from header I think I know what’s going on, try to add empty space in
header and bottom content (see screenshot) in this listing : https://republicofgreen.com/location/united-states/california/palo-alto/ and also on the listing page backend.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Then publish again the page

Let me know if those disappeared

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[palicali]

Hi Radu –

Thank you very much for troubleshooting this. That solution did not work, at least the way I may have understood it. I added several paragraph returns in the header and footer and republished but the 11 is still there.

In the meantime, I did figure out the following:
– “Test” was actually typed into the header field. Once deleted, that removed the text. Huh, so easy once you know where to look…
– “11” is somehow generated by the WooZone plugin, which is what I have been testing to upload my Amazon affiliate products. I have put a ticket in to the WooZone support to see if they can figure it out. When I deactivate the plugin, the “11” goes away.

[Radu]

I see,

Ask the plug dev about that 11

Good luck with your project

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts