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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[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

What support service includes ? What not ?

[palicali]

This reply has been set as private.

[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

What support service includes ? What not ?

[palicali]

This reply has been set as private.

[palicali]

This reply has been set as private.

[palicali]

This reply has been set as private.

[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

What support service includes ? What not ?

[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

What support service includes ? What not ?

[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

What support service includes ? What not ?

[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

What support service includes ? What not ?

[Author]

Posts