Avada Compatibility Problems

This topic contains 9 replies, has 4 voices, and was last updated by  Stiofan O’Connor 8 years, 6 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #59386

    myrunningresource
    Expired Member
    Post count: 33

    Hi. We are running the Avada theme and have noticed that it is causing a number of display issues with GeoDirectory. For example, the “compass” icon that appears in the “Near” field in the search bar floats when scrolling down the page. Additionally, clicking on the search options (“Customize my Search”) displays the radio buttons with bullet points and has way too much blank space around the options.

    It seems that Avada is overriding the default styles of GD. When we have the default Twenty Fifteen theme activated, none of these layout issues are present. In the “Theme Compatibility” settings, we have “Avada” selected and saved (which then displays “avada_custom” in the Select Theme Compatibility Pack field). Is there anything else we can do to have GeoDirectory display the various pages and content more cleanly (other than having to edit all of the CSS)? We had purchased GD with the understanding that it would display well with the Avada theme, but it seems that it may take a lot of effort to get the layout to display cleanly. Any advice or recommendation is appreciated.

    Karly

    #59388

    myrunningresource
    Expired Member
    Post count: 33
    This reply has been marked as private.
    #59416

    Guust
    Moderator
    Post count: 29970

    Add this to your CSS:

    #sdist {list-style-type: none; width: 200px;}

    For more adjustments review https://wpgeodirectory.com/docs/customizing-your-style/

    The compass behaves normally for me.

    Can you post your WP admin details please, if we need to look at anything else.

    #59458

    myrunningresource
    Expired Member
    Post count: 33
    This reply has been marked as private.
    #59502

    Guust
    Moderator
    Post count: 29970

    I added the CSS to the stylesheet of your child theme and it works.

    The issue with your compass seems to because the fixed header bar you are using. Everything is OK until you scroll the page behind that fixed header. Maybe Paolo has a solution for that.

    Make sure you turn off all your caching at WP Engine.

    #59506

    Paolo
    Site Admin
    Post count: 31206

    I’ve flagged this for the developers, I’m not sure why it is doing so…

    Tahnks for your patience,

    #59508

    myrunningresource
    Expired Member
    Post count: 33

    Okay thank you guys.

    #59531

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    This is a problem when the page size changes such as when you scroll down and the header changes size, we plan to change the way it works but for now i have applied a quick fix to reposition it on scroll. (i have already applied it to your site, i am just adding the code here for reference)

    
    
    <script>
    jQuery( window ).scroll(function() {
      geodir_reposition_compass();
    });
    </script>

    Thanks,

    Stiofan

    #59532

    myrunningresource
    Expired Member
    Post count: 33

    Thanks Stiofan. In what file did you apply the quick fix?

    #59537

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    It’s under GD>Design>Script>footer

    Stiofan

Viewing 10 posts - 1 through 10 (of 10 total)

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

Open Support Ticket