Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 12, 2017 at 4:31 pm #851078
    AgenturLanzinger

    Hello Enfold Team,

    on mobile devices, I want my secondary menu to disappear and then appear as a fourth footer widget.
    So, until, for example, a screensize of 750px length, I want the secondary menu on the top and only 3 widgets in the footer. And when the screensize goes below 750px, the sec. menu disappears on the top and appears as a fourth footer widget in the footer.

    I already know how to make the secondary menu disappear. But how can i make the fourth footer widget appear only on mobile?

    Thanks in advance

    September 12, 2017 at 5:50 pm #851135
    Yigit

    Hey,

    You can try using this plugin – https://wordpress.org/plugins/widget-logic/ with “wp_is_mobile()” conditional tag or add following code to Quick CSS in Enfold theme options > General Styling tab

    @media only screen and (min-width: 768px) {
#footer .flex_column:nth-child(4) {
display: none !important; }}

    Best regards,
    Yigit

    October 14, 2017 at 5:10 am #864199
    nmohammed1970

    Hi Yigit,
    Not sure how to start new thread on “extra menu between main menu and top menu”
    I’m looking for a extra couple of menus for login and register but right alight just above the main menu

    You can see my tweaking here http://shishaspot.slimsumo.co.uk. but unable to align menu items horizontally on the right side above main menu. Please help.

    Regards,
    Raghunath K.

    October 15, 2017 at 12:00 am #864368
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    #nav_menu-4.widget_nav_menu {left: 100%!important;  }

    Best regards,
    Mike

    October 16, 2017 at 4:11 pm #864867
    nmohammed1970

    Thanks for the help , but still I’m not getting the menu links in-line. I tried float left but not able to get them as I expected

    Thanks for the support,
    Raghunath K.

    October 16, 2017 at 9:55 pm #864960
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    ul#menu-shisha-thrid-menu li {
    width: auto;
    margin-right: 20px;
}
ul#menu-shisha-thrid-menu {
    display: flex;
}

    and then edit the value in Mike’s post and change it to 90% :)

    Best regards,
    Yigit

    October 17, 2017 at 6:54 am #865157
    nmohammed1970

    It worked Great!!!! Thanks for the help

    October 17, 2017 at 7:02 am #865163
    Nikko

    Hi,

    Glad that Yigit helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Make footer widget appear only on mobile’ is closed to new replies.