Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #475901

    Hi,

    I need your help. Please see the screenshot what exactly I need to do :- http://s2.postimg.org/do9brfs21/image.png

    Thanks in advance

    #476062

    Hi Hardeep!

    You can do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, to add a widget area to your header where you can add your custom code.

    If you need help in positioning it then send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    #498423

    I have follow the instruction mentioned in the link and did everything correct. But I’m unable to create a hyper link “header widget” section. Means if I need to add a link in that then the text is visible but hyper link is not working.

    I’m adding this thing :- < a href = ” http://domainname.com ” >Contact Us< / a >
    But its showing only “Contact Us” without any link.

    Can you please check the issue from your side ?

    #498831

    Hi,

    Try adding z-index:10000 !important; to the widgets CSS, if you should still be having problems then please link to the site so that we can have a closer look.

    Best regards,
    Rikard

    #574396

    Hi, I have did everything you mentioned but the header widget is hiding behind the logo of the website + logo is not looking good it’s cutting behind the menu icon.

    #575538

    Hi,

    There’s not enough space in your header to fit the widget, please try this in Quick CSS to hide it on mobile:

    @media only screen and (max-width: 767px) {
    #text-2 {
    display:none !important;
    }
    }

    Thanks,
    Rikard

    #575647

    Is there any way to place that widget above the slider or somewhere else in the mobile devices?

    #575849

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Regards,
    Yigit

    #575853

    @Yigit
    I think you haven’t read my reply before answering the question. I asked you “Is there any way to place that widget above the slider or somewhere else in the mobile devices?” I’m not asking to hide it.

    #575862

    Hi!

    You can use Widget Area element to display widgets and place it above your slider. I thought you would like to hide it on desktop and display on mobile, that is why i posted the link above :)

    Cheers!
    Yigit

    #575869

    No issues. But I think you still haven’t get my question. Ok let me explain you one more time ;)

    See basically when I’m using widget in the header area it is showing fine in the desktop but when I open it in mobile devices it just cut behind the logo and menu icon.

    So I want to shift it somewhere else like just above the slider or just below the logo part (only in mobile devices). I don’t want to hide it.

    #576262

    Hi,

    You can add a color section under your slider and add the widget to it and give it a custom ID like mobile-widget

    You can then show it on mobile only using the following CSS:

    @media only screen and (min-width: 768px) {
    #mobile-widget {
    display:none !important;
    }
    }

    Thanks,
    Rikard

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