Vertical Uber menu is not displaying proper format





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







0















I have a doubt and issue regrading uber mega menu plugin.



In my word press website I need horizontal and vertical menu bar, to set up menu bar in my pages am using uber menu word press plugin.



In uber menu i can configure multiple menu horizontally and vertically.



In my website i have configured both menus as per my requirements. 1st I have tried in my local machine its working fine both menus(horizontal and vertical).



To display the vertical menu am placing the "[ubermenu config_id="main" menu="68"]" short code. like this enter image description here



After adding the short code when i opening the page in test server its not displaying properly, i hope the js and css not loading properly.



But when I tried in my local machine its working fine(proof of concept).



When am doing the same procedure in testing environment(the same trying to integrate in a project) the vertical menu is not displaying properly.



enter image description here



I have attached the vertical mega menu which is displaying in the page.



I don't know why this look like this.



its working fine in local machine , its not appearing good while setting up the things in a project.



if anybody have idea about this, to fix this type of issue please help me to sort out the problem.



From my side I have checked the configurations which they(uber plugin) have provided.
enter image description here



Am expecting the output is like this below mentioned screen shot.



enter image description here










share|improve this question































    0















    I have a doubt and issue regrading uber mega menu plugin.



    In my word press website I need horizontal and vertical menu bar, to set up menu bar in my pages am using uber menu word press plugin.



    In uber menu i can configure multiple menu horizontally and vertically.



    In my website i have configured both menus as per my requirements. 1st I have tried in my local machine its working fine both menus(horizontal and vertical).



    To display the vertical menu am placing the "[ubermenu config_id="main" menu="68"]" short code. like this enter image description here



    After adding the short code when i opening the page in test server its not displaying properly, i hope the js and css not loading properly.



    But when I tried in my local machine its working fine(proof of concept).



    When am doing the same procedure in testing environment(the same trying to integrate in a project) the vertical menu is not displaying properly.



    enter image description here



    I have attached the vertical mega menu which is displaying in the page.



    I don't know why this look like this.



    its working fine in local machine , its not appearing good while setting up the things in a project.



    if anybody have idea about this, to fix this type of issue please help me to sort out the problem.



    From my side I have checked the configurations which they(uber plugin) have provided.
    enter image description here



    Am expecting the output is like this below mentioned screen shot.



    enter image description here










    share|improve this question



























      0












      0








      0








      I have a doubt and issue regrading uber mega menu plugin.



      In my word press website I need horizontal and vertical menu bar, to set up menu bar in my pages am using uber menu word press plugin.



      In uber menu i can configure multiple menu horizontally and vertically.



      In my website i have configured both menus as per my requirements. 1st I have tried in my local machine its working fine both menus(horizontal and vertical).



      To display the vertical menu am placing the "[ubermenu config_id="main" menu="68"]" short code. like this enter image description here



      After adding the short code when i opening the page in test server its not displaying properly, i hope the js and css not loading properly.



      But when I tried in my local machine its working fine(proof of concept).



      When am doing the same procedure in testing environment(the same trying to integrate in a project) the vertical menu is not displaying properly.



      enter image description here



      I have attached the vertical mega menu which is displaying in the page.



      I don't know why this look like this.



      its working fine in local machine , its not appearing good while setting up the things in a project.



      if anybody have idea about this, to fix this type of issue please help me to sort out the problem.



      From my side I have checked the configurations which they(uber plugin) have provided.
      enter image description here



      Am expecting the output is like this below mentioned screen shot.



      enter image description here










      share|improve this question
















      I have a doubt and issue regrading uber mega menu plugin.



      In my word press website I need horizontal and vertical menu bar, to set up menu bar in my pages am using uber menu word press plugin.



      In uber menu i can configure multiple menu horizontally and vertically.



      In my website i have configured both menus as per my requirements. 1st I have tried in my local machine its working fine both menus(horizontal and vertical).



      To display the vertical menu am placing the "[ubermenu config_id="main" menu="68"]" short code. like this enter image description here



      After adding the short code when i opening the page in test server its not displaying properly, i hope the js and css not loading properly.



      But when I tried in my local machine its working fine(proof of concept).



      When am doing the same procedure in testing environment(the same trying to integrate in a project) the vertical menu is not displaying properly.



      enter image description here



      I have attached the vertical mega menu which is displaying in the page.



      I don't know why this look like this.



      its working fine in local machine , its not appearing good while setting up the things in a project.



      if anybody have idea about this, to fix this type of issue please help me to sort out the problem.



      From my side I have checked the configurations which they(uber plugin) have provided.
      enter image description here



      Am expecting the output is like this below mentioned screen shot.



      enter image description here







      wordpress plugins uber-api megamenu






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 16 '18 at 12:31









      Billal Begueradj

      6,058132950




      6,058132950










      asked Nov 16 '18 at 10:45









      Gireesh TGireesh T

      14




      14
























          0






          active

          oldest

          votes












          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53336257%2fvertical-uber-menu-is-not-displaying-proper-format%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53336257%2fvertical-uber-menu-is-not-displaying-proper-format%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Florida Star v. B. J. F.

          Danny Elfman

          Retrieve a Users Dashboard in Tumblr with R and TumblR. Oauth Issues