Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1229189

    Dear all,

    I have added this code :
    //——————————–
    // Header widget area for menu below
    //——————————–
    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }
    to enable the widget in header area (menu on the left below the logo)
    but the header doesn’t appear in the widget setup.

    thanks for your help
    Raphaël

    #1229411

    Hey Raphaël,

    You have to add a widget area with the same name (header) under Appearance->Widgets first, then add some content to it. If you need further help then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    #1229426

    it worked thank you !

    for the moment it’s a small icon but eventually it will be a WooCommerce product search button
    (just playing with the small icon to avoid messing up the header too much)

    at present is set to an absolute position

    I would like to set the product search area
    – size
    – align to the right (with wrapping for mobile mode)
    – roughly at the logo vertical level
    somehow align with the logo but on the right side

    is there list of the css parameters that may be used for that ?

    thanks !

    #1229589

    Hi,

    Try removing the CSS you already added, and use this instead:

    #media_image-3 {
        position: absolute;
        right: 10%;
        top: 10px;
    }

    You can play around with the numbers until you are happy with the position.

    Best regards,
    Rikard

    #1229931

    thanks Rikard !

    #1230072

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1230932

    please leave it open for now,
    the webshop is not yet online and I would like to test this with the proper product search button,
    thanks

    #1230944

    Hi,

    Will do!

    Best regards,
    Jordan Shannon

    #1233816

    Dear all,
    the webshop is now online,
    I If I don’t force the product search area position in the header it works fine
    however as soon as I try to position it to the right of the logo I can’t type in any keyword…
    thanks for you help

    #1233905

    May I add that on a mobile phone the logo, the search button and the shopping cart is all mixed together;
    it would be good to have an automatic return to the next line under a certain resolution…

    also tried a few codes but it looks like it’s incompatible with the way I am setting the widget position.

    thanks

    #1234334

    help please ;-)

    #1234450

    Hi,

    Thanks for the update and sorry for the late reply. Do you want the widget all the way to the right? If so then please try this CSS instead:

    #header .widget {
        right: 0;
    }

    If you need to position it differently on mobile screens then please add the different values inside of a media query like so:

    @media only screen and (max-width: 767px) {
    #header .widget {
        right: 100px;
    }
    }

    Best regards,
    Rikard

    #1234491

    thanks Rikard,

    the problem is that when I use that css then the widget is not positioned on the logo level but actually takes a full line width.

    I’ll probably leave it for later and disable it for now

    Thanks

    #1234808

    Hi,

    Thanks for the update, just let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.