Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 31, 2021 at 2:53 pm #1276589
    CatharinaLeloux

    Hi
    Is it possible to decrease the header widget? I want to place a logo in it ( so the logo will cover a bit of the header ):
    example: http://www.brouwershaven.nu

    The code in my functionsphp is:
    // Header widget area

    //——————————–

    add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }
    Also i would like the header widget in a proper way on mobile devices as the example above shows..

    Can you help me?
    Grz
    Karin Leloux

    February 1, 2021 at 4:05 am #1276658
    Jordan Shannon

    Hey CatharinaLeloux,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    February 1, 2021 at 11:07 am #1276739
    CatharinaLeloux

    Hi Jordan
    This is the link tot the site:
    http://www.ringdorpdreischor.nl
    I have another question: i want the logo to be transparant; is that possible?
    Greetz
    Karin Leloux

    February 4, 2021 at 6:57 am #1277565
    Jordan Shannon

    Hi,

    You would need to make the logo transparent through image editing software.

    Best regards,
    Jordan Shannon

    February 4, 2021 at 6:58 am #1277567
    Jordan Shannon

    Hi,

    It looks like your initial question was solved?

    Best regards,
    Jordan Shannon

    February 4, 2021 at 11:20 am #1277658
    CatharinaLeloux

    Hi Jordan
    Thanks for your support; indeed my first “problems” are solved but i have another issue.
    The header widget is on my mobile device “not in place”…
    It is too big and it is centered instead of placed on the left side.
    Do you have a css code for this problem?
    http://www.ringdorpdreischor.nl

    Greetz
    Karin Leloux

    February 5, 2021 at 8:48 am #1277908
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1100px) {
#media_image-3 img {
    max-width: 40%;
}
}

    Best regards,
    Rikard

    February 6, 2021 at 12:55 pm #1278236
    CatharinaLeloux

    Hi Rikard
    Unfortunately this doesn’t work…:-(
    The header widget is still in the center en very big…

    Greetz
    Karin

    February 7, 2021 at 6:31 am #1278413
    Rikard

    Hi Karin,

    I’m not sure how you manage to get those results, since the widget is hidden under 1100 pixels. Could you try loading the page in an incognito or private browser window please?

    Best regards,
    Rikard

    February 7, 2021 at 2:59 pm #1278444
    CatharinaLeloux

    Hi Rikard
    The problem does not occure on the website but on my mobile device…
    The header widget stays in the middle and is too big on my mobile…

    Greetz
    Karin

    February 8, 2021 at 1:43 pm #1278659
    Rikard

    Hi,

    Ok, but how can you even see the widget if it’s not displayed for screens under 1100 pixels? Here’s what I see on my end: https://imgur.com/a/hy3LjbE

    Best regards,
    Rikard

    February 12, 2021 at 10:51 am #1279931
    CatharinaLeloux

    Hi Rikard
    Thats because i put a css code to hide the header widget for mobile devices:-)
    If i make the header widget visible on the mobile devices then the problem occures…

    Greetz
    Karin

    February 14, 2021 at 12:15 pm #1280396
    Rikard

    Hi,

    Please try to play with values, for example:

    @media only screen and (max-width: 1100px) {
#media_image-3 img {
    max-width: 25%;
}
}

    That looks good on my end.

    Best regards,
    Rikard

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