Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 9, 2020 at 3:04 pm #1229189
    noirjambon

    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

    July 10, 2020 at 1:30 pm #1229411
    Rikard

    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

    July 10, 2020 at 2:24 pm #1229426
    noirjambon

    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 !

    July 11, 2020 at 1:34 pm #1229589
    Rikard

    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

    July 13, 2020 at 12:42 pm #1229931
    noirjambon

    thanks Rikard !

    July 13, 2020 at 7:13 pm #1230072
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 16, 2020 at 2:54 pm #1230932
    noirjambon

    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

    July 16, 2020 at 3:44 pm #1230944
    Jordan Shannon

    Hi,

    Will do!

    Best regards,
    Jordan Shannon

    July 29, 2020 at 12:59 am #1233816
    noirjambon

    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

    July 29, 2020 at 8:40 am #1233905
    noirjambon

    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

    July 31, 2020 at 10:12 am #1234334
    noirjambon

    help please ;-)

    August 1, 2020 at 5:48 am #1234450
    Rikard

    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

    August 1, 2020 at 10:46 am #1234491
    noirjambon

    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

    August 3, 2020 at 12:47 pm #1234808
    Rikard

    Hi,

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

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.