Problem with footer menu

Posted in: Newspaper
Post count: 37
SquallSFU
#363707
Sep 5, 2020 at 10:26 am

Hi guys, how can I fix this problem on the mobile version of my site? –> https://i.ibb.co/Zdd0MTr/IMG-4277.jpg
The footer menu appears cut off, the latest links are not seen.
Can I structure it on two lines?

My site: https://www.facilesfizioso.it/

Thanks a lot, as always.

  • This topic was modified 5 years by SquallSFU.
Post count: 20685
Simion C.
#363853
Sep 7, 2020 at 12:11 pm

Hi,

Seems there isn’t enough space to display all the menu items in a line on mobile. One solution would be to decrease the space between them on mobile. So for example while on desktop a 15px margin will be alright https://prnt.sc/ucwbdo on mobile you could reduce that to about 8px https://prnt.sc/ucwbun
The result should be like this https://prnt.sc/ucwcdq if you set it to 8. Please give it a try.

I could try and think of other methods if you should not consider that a solution.

Thank you!

Post count: 37
SquallSFU
#363883
Sep 7, 2020 at 2:26 pm

I guess it depends on the screen size. For example, with a space of 1 px (however not beautiful to look at), the menu is equally cropped.

Post count: 20685
Simion C.
#363993
Sep 8, 2020 at 10:27 am

Hi,

I see you have set it to 5px https://prnt.sc/udggm6 You could maybe also reduce the letter spacing, to 1px https://prnt.sc/udgh9n and then increase the margin. A 2px letter spacing will add a lot of space between them as well.

Thank you!

Post count: 37
SquallSFU
#363995
Sep 8, 2020 at 10:31 am

True! Thank you.

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.