How to change footer menu style on Mobile mode

This topic has 8 replies, 3 voices, and was last updated 2 years, 9 months ago ago by Rose Tyler

  • Avatar: Jef
    filmguerilla
    Participant
    May 20, 2021 at 18:33

    It’s been a while since i work on this site.
    Can’t figure out how to do this on the footer menu.

    Desktop and tablet mode looks fine.

    http://prntscr.com/136evz7
    http://prntscr.com/136eyqp

    On mobile mode its fine but i want the menu list vertically centered.

    http://prntscr.com/136f1uj

    I tried working it on elementor but cant seem to change the design on each mode.

    http://prntscr.com/136f450

    Would really appreciate if i can do this properly on mobile mode.

    Thanks guys

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 21, 2021 at 10:33

    Hello,

    It’s possible only with additional CSS customization. Could you, please, provide us with a link to page where you have that menu? We’ll check and give you the code you need to add to make it vertical on mobile devices. At this moment I don’t see the menu in the footer https://prnt.sc/137rki6

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 21, 2021 at 12:52

    Hello, that one is the old one i forgot to delete. link in the private contecnt area.

    before it was possible to do this with elementor right? You can change the layout/etc on each devices?

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 21, 2021 at 16:26

    Hello,

    We did not have the option to change the style for the Menu element for the mobile. Add the below code to Theme Options > Custom CSS

    @media only screen and (max-width:767px){
        footer .elementor-widget-wp-widget-etheme-menu .menu-element.horizontal .menu > li {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 26, 2021 at 17:01

    Will add this to Theme Custom Css > Global Css?

    http://prntscr.com/13g1q3l

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 26, 2021 at 18:05

    Hello,

    Yes.

    Regards

    Avatar: Jef
    filmguerilla
    Participant
    May 26, 2021 at 20:25

    works great! thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 27, 2021 at 07:15

    Hello,

    You’re welcome!

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.