Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 20, 2015 at 3:59 pm #475901
    hardeep_singh04

    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

    July 20, 2015 at 7:38 pm #476062
    Elliott

    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

    September 4, 2015 at 3:06 pm #498423
    hardeep_singh04

    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 ?

    September 6, 2015 at 12:05 pm #498831
    Rikard

    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

    January 29, 2016 at 9:57 am #574396
    hardeep_singh04

    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.

    February 1, 2016 at 5:28 am #575538
    Rikard

    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

    February 1, 2016 at 9:11 am #575647
    hardeep_singh04

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

    February 1, 2016 at 4:14 pm #575849
    Yigit

    Hi!

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

    Regards,
    Yigit

    February 1, 2016 at 4:17 pm #575853
    hardeep_singh04

    @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.

    February 1, 2016 at 4:21 pm #575862
    Yigit

    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

    February 1, 2016 at 4:30 pm #575869
    hardeep_singh04

    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.

    February 2, 2016 at 7:00 am #576262
    Rikard

    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

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