Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #494937

    Hi,

    I want to display some html content all over my website. (eg. a slider at the bottom of every page, etc.)
    The best is to use a widget area for this with some html content fetching from the pages with this plugin: Pages In Widgets.
    So I can design the reusable content with ALB and I cant put it onto my pages. I only have to edit it once and changes everywhere.

    The default sidebar and the footer is not enough for this. So I’ve created a secondary footer with this in the functions.php:

    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    add_action( ‘ava_before_footer’, ‘enfold_customization_footer_widget_area’ );
    function enfold_customization_footer_widget_area() {
    dynamic_sidebar( ‘MY_SLIDER’ );
    }

    This works ok, and it maintains the responsive features.

    Now I want to put a widget area after the header, but before the content.
    I’ve tried ava_main_header, ava_after_main_menu, finally I’ve got
    add_action( ‘ava_after_main_container’,

    My problem is that this is not responsive.

    Additionally where can I find a list of the hooks? Like:
    ava_after_main_container
    ava_before_footer
    ava_after_main_menu
    etc.

    What should I use to put something before the content? (not inside the menu, because that covers my content…

    Kind regards
    Zoltan

    #495380

    Hi Zoltan!

    Add the following to your child style.css:

      .responsive #top .container .av-content-small, .responsive #top .flex_column, .responsive #top .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
      }

    Best regards,
    Josue

    #495436

    Hi

    it doesn’t work as expected. now everything is in one column…

    Regards
    Zoltan

    #495452

    Sorry, try with this instead:

    @media only screen and (max-width: 767px) {
      .responsive #top .container .av-content-small, .responsive #top .flex_column, .responsive #top .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
      }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.