Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #465197

    Dear support,

    I am writing requesting guidance as far as creating the appropriate footer for my site. Kindly review the attached link of a sample site which has the ideal footer I would rather apply to my website.

    http://www.wealthfactory.com

    I have a second request of greater importance which is being able to hide the side bar menu to the left with the click of a button for my site.

    http://www.member.moderndaywealth.com

    I thank you in advance for your cumulative support.

    Cordially,

    #465845

    Hey jorge42189!

    Thank you for using Enfold.

    1.) There is no default option in the theme where you can add extra text under the copyright field so you have to edit the footer.php file directly.

    2.) You can add this in the functions.php file:

    add_action('ava_after_main_container', function() { echo "<a href='#' class='click-me-toggle'>Click This</a>"; });
    
    add_action('wp_footer', 'ava_custom_script', 10);
    function ava_custom_script(){
    ?>
    <script>
    (function($) {
        var sidebar = $('.html_header_left #top #header');
        $('.click-me-toggle').click(function() {
          $(sidebar).toggle();
        });
    }(jQuery));
    </script>
    <?php
    }

    You’ll find a “Click This” text on top of the content. Use css to adjust the position and style of the link.

    Regards,
    Ismael

    #466101

    Additional support: see private comment.

    #466262

    Hi!

    Please use imgur or dropbox to post a screenshot.

    I want to make my sub-footer and my footer look just like the website from Wealth Factory at:
    wealthfactory.com

    1.) Like I said, there is no option in the theme to add another text block in the footer area so the only way to add this text, if that’s what you want, is to edit the footer.php file directly. You can modify that file inside the Appearance > Editor panel. If you can provide a screenshot of the area that you want to copy then we will be able to help you better.

    I have a side bar to the left side and I want to know how can I make this side bar hide and re-appear with a click of a button.

    2.) Did you try the suggestion above? All you need to do is to add it in the functions.php file. Again, you can edit that file in the Appearance > Editor panel. Look for the functions.php then add the code at the very bottom of the file. Save the file then check the frontend of your site. You should see a “Click This” text that you can click to hide and show the sidebar.

    add_action('ava_after_main_container', function() { echo "<a href='#' class='click-me-toggle'>Click This</a>"; });
    
    add_action('wp_footer', 'ava_custom_script', 10);
    function ava_custom_script(){
    ?>
    <script>
    (function($) {
        var sidebar = $('.html_header_left #top #header');
        $('.click-me-toggle').click(function() {
          $(sidebar).toggle();
        });
    }(jQuery));
    </script>
    <?php
    }

    Let me know if you’re done adding the code then we’ll check it. Make sure that you copy the code, not from your email but directly from this forum.

    Regards,
    Ismael

    #466564

    Hi,

    #467324

    Ok perfect. I added the code into the child theme in the function.php.file and i see the click me on the front end of the site but when i click on it the menu fonts disappear and the side bar remains.

    is there an actual way to have that sidebar hide completely?

    #468771

    Hi!

    did you remove the code Ismael provided you again? because I can’t see any “click this” button on your website. By the way it seems password protected.
    I think admin access would be quite helpful for us. Please post login details here as private reply.

    Best regards,
    Andy

    #469324

    Hi Andy,

    I removed the code but ill put back into the function.php in the child theme.
    Is it possible to create small button next to the side bar instead of the long bar?

    #469749

    Hey!

    You can change the style of the text in the Quick CSS field. Do something like this:

    .click-me-toggle {
      position: fixed;
      left: 10px;
      bottom: 40px;
      z-index: 1000;
      background-color: red;
      padding: 3px 5px;
      border-radius: 3px;
    }

    You’ll see the red button in the bottom left corner of the page.

    Best regards,
    Ismael

    #470016

    Excellent the button looks great!

    Now the only thing is to make the sidebar to actually hide when clicking on the button because it only hides the content not the sidebar.

    what I am trying to accomplish is to duplicate the exact same button and effect WordPress does in their Customize section where it says collapse.

    is it possible?

    • This reply was modified 8 years, 9 months ago by jorge42189.
    #470089

    Hi!

    You can replace the code in the functions.php file with this:

    add_action('ava_after_main_container', function() { echo "<a href='#' class='click-me-toggle'>Click This</a>"; });
    
    add_action('wp_footer', 'ava_custom_script', 10);
    function ava_custom_script(){
    ?>
    <script>
    (function($) {
        var sidebar = $('.html_header_left #top #header'),
    		main = $('.html_header_left #main');
        $('.click-me-toggle').click(function() {
          $(sidebar).toggle('slide');
    	  if($(main).css('margin-left') == '300px') {
    	  	$(main).css('margin-left', 0);
    	  } else {
    	  	$(main).css('margin-left', '300px');
    	  }
        });
    }(jQuery));
    </script>
    <?php
    }

    For further modifications, please visit codeable: http://kriesi.at/contact/customization

    Best regards,
    Ismael

    #470601

    Hi Ismael,

    Works perfect thank you!

    How can i disable it for mobile devices so it would only work on desktop?

    How do I remove the line when placing the mouse over it?

    Best Regards,

    #470643

    Hey!

    Add this in the Quick CSS field to hide the button on mobile:

    @media only screen and (max-width: 767px) { 
         .click-me-toggle { display: none; } 
    }
    

    Cheers!
    Ismael

    #475426

    Hi,

    How can I get my Main Menu Sidebar Widgets to display on mobile devices?

    I have it set on Displayed Everywhere.

    Regards,

    #475642

    Hi!

    If you enable the widgets inside the header menu on mobile device, it will go above the main content, just below the header. Add this in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
      display: block;
    }
    }

    Cheers!
    Ismael

    #481686

    Hello,

    1. What’s the CSS code to remove the menu underline when header shrinks when scrolling down but keep the underline when the page is all the way to the top with the header set to its normal size.

    2. Is there a CSS code to remove the box that surrounds the menu icon on mobile version?

    3. I’m trying to place the default social icons in the mobile menu is it possible?
    I would like social icons to show in the opened menu section.

    4. Is there a CSS code to make the mobile menu icon bigger or smaller?

    • This reply was modified 8 years, 8 months ago by jorge42189.
    #481886

    Hi!

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Cheers!
    Ismael

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Technical Question’ is closed to new replies.