Return to previous page

How to change footer menu style on Mobile mode

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

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.

#288399 Copied Theme version: 7.2.8 WooCommerce version: 5.3.0

7 Answers

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

#288460 Copied

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.

#288490 Copied
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
#288525 Copied
filmguerilla

Participant

May 26, 2021 at 17:01

Will add this to Theme Custom Css > Global Css?

http://prntscr.com/13g1q3l

#288977 Copied

Olga Barlow

Support staff

May 26, 2021 at 18:05

Hello,

Yes.

Regards

#288992 Copied

filmguerilla

Participant

May 26, 2021 at 20:25

works great! thanks

#289012 Copied

Rose Tyler

Support staff

May 27, 2021 at 07:15

Hello,

You’re welcome!

Regards

#289035 Copied
Viewing 8 results - 1 through 8 (of 8 total)