Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 21, 2016 at 4:07 pm #714865
    MKP74

    Hi!

    I have a widget with an image (british flag) linked to another website (english version) underneath the menu, in the left sidebar. The problem is the following : in the mobile version I added the quick CSS `@media only screen and (max-width: 767px) {
    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
    display: block;
    }}`

    and went to Enfold theme options > Sidebar Settings and check “Sidebar on Smartphones” to display sidebar on smartphones

    BUT

    I don’t want others widgets (Facebook like box, mobile phone number). So the best would be that my flag appear directly in the menu to make that the menu button stay on the logo right side. What is the best way to do that ?

    Thank you for your help.

    November 22, 2016 at 6:21 am #715113
    Rikard

    Hey MKP74,

    I think you should be able to achive that if you add a widget area to the header instead: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Rikard

    November 22, 2016 at 10:28 am #715192
    MKP74

    Thank you Rikard, but if I want this widget area visible only on smartphones what I have to do ?

    No way to put this flag link in the smartphone menu ?

    Thanks a lot

    November 22, 2016 at 12:07 pm #715229
    MKP74

    Just thinking : if I had a link in the menu (with a CSS class included the picture flag), is it possible to display it only for smartphones ?

    I would like the smartphone version looks good and having the flag underneath the logo and the menu button is not so beautiful.

    Hope to be understandable.

    Thank you

    November 22, 2016 at 12:59 pm #715272
    Rikard

    Hi,

    Yes it’s possible to only show it on mobile but we need to inspect the element in order to give you accurate CSS, so please let us know once it’s added and we’ll have a look at it.

    Best regards,
    Rikard

    November 22, 2016 at 4:02 pm #715379
    MKP74

    Hi Rickard,

    I added the new link in the menu.

    Thank you!

    November 23, 2016 at 6:24 am #715725
    Rikard

    Hi,

    Great, I can see that you added both a widget and a menu item, which one are you going to use? If you only want to show the widget on mobile you can try this CSS:

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

    Best regards,
    Rikard

    November 23, 2016 at 10:07 am #715796
    MKP74

    Hi Rikard,

    I would prefer to use the menu item, I think that would look better. Thank you !

    November 23, 2016 at 3:40 pm #715985
    Rikard

    Hi,

    Ok, then please use this instead :-)

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

    Best regards,
    Rikard

    November 23, 2016 at 4:24 pm #716028
    MKP74

    You’re the best! Thank you very much for solving my problem!

    Have a nice day!

    November 23, 2016 at 4:45 pm #716041
    Yigit

    Hi!

    You are welcome! Glad Rikard could help :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Widget in mobile menu’ is closed to new replies.