Tagged: mobile menu
Hi,
I’d like to have the mobile footer menu right aligned with a break after every entry – is that possible?
Kind regards.
Hey tebitron,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
#socket .sub_menu_socket li {
float: none;
line-height: 20px;
}
}
Best regards,
Rikard
Hi Rikard,
thanks – this already helps. But would it be possible to have these elements right aligned?
Thanks in advance.
Hi,
Please leave the CSS I posted earlier active, so that we can check the results.
Best regards,
Rikard
Hi Rikard,
I believe I did and it is in fact still under General Styling / Quick CSS.
You’ll find your login details below.
Kind regards.
Hi,
The login details are not working, please check and verify.
Best regards,
Rikard
Hi Rikard,
sorry – my bad.
Please try again.
Kind regards.
Hi,
Thanks for that. I’ve edited the CSS, please review your site.
Best regards,
Rikard
Hi Rikard,
I tried to replicate it on our second page but the bottom padding seems larger in comparison.
You should have the same login details there. Could you please have a look at that one, too.
The first one is perfect as is.
Kind regards.
Hi,
Thanks for the update. I’m not sure I fully understand what you are looking to remove and on which site, could you share a screenshot highlighting your intentions please?
Best regards,
Rikard
Hi Rikard,
I’ve attached a screenshot. The right page should have the same smaller bottom margin/padding as the left one on mobil screens – does that make sense?
Thanks a lot.
Hi,
Thanks for that. Please try this CSS as well:
@media only screen and (max-width: 767px) {
#socket .container {
padding-bottom: 0;
}
}
Best regards,
Rikard
Hi Rikard,
that’s fine – thanks.
Best regards.
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard