Issues with Location Switcher
This topic contains 6 replies, has 2 voices, and was last updated by Timothy Sullivan 7 years, 11 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
November 1, 2017 at 1:32 pm #403639
I have added the location switcher to my main navigation, but I have some issues I can’t seem to resolve. I am using enfold theme.
1) the DT tags
I have woocommerce installed and this plugin sets DT tags to “clear:both;”.
in my custom css I have set DT to “clear:none!important”, but it does not override.looking at the geodirectory code, there are no opening DT tags that I can see. Not sure how to fix the CSS in this case:
‘<li class=”menu-item gd-location-switcher-menu-item”>
<div class=”geodir_location_tab_container”>
<dl class=”geodir_location_tabs_head”>
<dt/>
<dd data-location=”country” class=”geodir_location_tabs “>
<dt/>
<dd data-location=”region” class=”geodir_location_tabs “>
<dt/>
<dd data-location=”city” class=”geodir_location_tabs gd-tab-active”>
</dl>
<input type=”hidden” class=”selected_location” value=”city”/>
<div style=”clear: both;”/>
<div class=”geodir_location_sugestion”>
</div>
‘2)”please wait…” .When I select an option such as “city”, then type in New York into the input field, I get the “Please wait…” message ,but no results See screenshot
3)background sprite In the input field, there is a sprite showing. I have tried a bunch of CSS but can’t get this hidden. See screenshot
November 1, 2017 at 1:36 pm #403641This reply has been marked as private.November 2, 2017 at 7:39 am #403759Hi Timothy,
I have added following css to GeoDirectory > Design > Scripts > CSS and it shows correctly.
#menu-item-gd-location-switcher .geodir_location_tab_container dl > dt { clear: none!important; } #menu-item-gd-location-switcher .geodir_location_sugestion a { width: auto!important; } #menu-item-gd-location-switcher .geodir_location_sugestion select.geodir_location_switcher_chosen, #menu-item-gd-location-switcher .chosen-container.chosen-container-single { width: 100%!important; min-width: 200px!important; } #menu-item-gd-location-switcher .chosen-container-single a.chosen-single { line-height: normal!important; height: auto!important; } #top .sub_menu li#menu-item-gd-location-switcher > ul { width: 100%; min-width: 220px; left: -80%; } #top .sub_menu li#menu-item-gd-location-switcher ul.chosen-results { top: auto; left: auto; display: block; padding: 0; border: none; } #top li#menu-item-gd-location-switcher .chosen-container-single .chosen-search { padding: 7px; } #menu-item-gd-location-switcher .chosen-container .chosen-results > li { padding: 5px 8px; }Please check after clearing your browser cache.
Kiran
November 2, 2017 at 8:17 pm #403877Hi Kiran!
thank you so much. I cleared my cache and the dt tags are now displaying correctly, side by side. thank you for the CSS help.
Items 2 and 3 in my first post above are still an issue however.
I’m still seeing the sprite in the input field and the functionality of the location finder does not seem to work. it still says “please wait….” then comes up with no results for any search.see updated attached screenshot. IN this case I searched for “country->United States”
thanks for any insight.
TimothyNovember 3, 2017 at 2:13 pm #403990This reply has been marked as private.November 4, 2017 at 11:17 am #404132Hi Timothy,
There is a plugin LifterLMS which conflicts with jQuery chosen. I have added snippet code to fix this conflict under Snippets.
Please check after clearing your browser cache.
Kiran
November 4, 2017 at 4:53 pm #404159Awesome! thank you Kiran. works great now.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket