Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 1, 2015 at 11:21 am #512068
    libelum

    Hi!
    Is it possible to change the top submenu and social icons position just on mobile devices?
    The change would be to move social icons and top submenu from the top header to the footer
    *btw, my socket menu disappears on mobile devices, can we add it?

    View post on imgur.com

    thank you!
    Delia

    October 1, 2015 at 12:45 pm #512111
    Yigit

    Hey there Delia!

    Please see – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and then add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
#header_mate { display: none; }}

    Best regards,
    Yigit

    October 1, 2015 at 1:10 pm #512127
    libelum

    Hi Yigit!
    I followed the documentation and works ( to hide )
    but I created a new footer menu with those menu items, that will be display just on mobile
    but there is no footer menu in mobile device nor socket (socket is display in mobile and desktop, and before applying this code wasn’t showing either)

    any idea?
    thaanks!
    Delia

    October 1, 2015 at 1:19 pm #512137
    Yigit

    Hi!

    Please refer to this post as well – http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/

    Best regards,
    Yigit

    October 1, 2015 at 1:44 pm #512161
    libelum

    Thank for the documentation!
    it works ;)

    do you think is possible to adjust a bit the footer menu in mobile devices?
    – align to the left
    – give a bit more space between lines
    – place the copyright below the footer menu?

    View post on imgur.com

    thaanks again!
    Delia

    October 2, 2015 at 5:14 am #512522
    Ismael

    Hi!

    Add this in the Quick CSS field:

    @media only screen and (max-width: 480px) {
#socket .sub_menu_socket li {
    line-height: 1.5em;
}

#socket .sub_menu_socket li:first-child {
    border: none;
    padding-left: 0;
}

.responsive #socket .sub_menu_socket {
    position: absolute;
    margin-left: 0;
}

.responsive #socket .container {
    min-height: 80px;
}

#socket .copyright {
    position: absolute;
    left: 0;
    bottom: 0;
}
}

    Cheers!
    Ismael

    October 2, 2015 at 8:50 am #512611
    libelum

    Hey!
    that was great!
    thanks Ismael!

    solved!!

    October 2, 2015 at 10:28 am #512680
    Rikard

    Hey,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change social icons and sub menu position on mobile devices’ is closed to new replies.