Plugin to Edit handheld footer bar

Hi @carlz,

A good way to edit any areas of the theme when you find that settings are not available to do is to learn CSS and you would only need to learn enough about CSS to change colours and font sizes, to begin with.

A great tutorial for learning CSS is this one below.

https://webdesign.tutsplus.com/courses/30-days-to-learn-html-css

To locate CSS classes etc so you can see what you would need to change on a site use Chrome Developer Tools for that and below is another great tutorial covering these tools.

https://discover-devtools.codeschool.com/

Topic perhaps a little old but hey…

I have adjusted the height of the footer menu and made it dissapear when phone is on its side using:

@media only screen and (max-width:450px) {
.storefront-handheld-footer-bar {
height: 50px;
}
}

@media only screen and (min-width:450px) and (max-width:1000px) {
.storefront-handheld-footer-bar {
height: 0px;
}
}

This reduced the height (when phone is upright), but it creates another problem – the bottons stay located from the top of the footer menu, so they get pushed down as the menu reduces in height. For the life of me, I cannot find a way to reposition them or place them central within the new menu height. I have tried loads of combinations using .storefront-handheld-footer-bar-links and adding !important, but not joy. Admittedly I am still a bit of a noob when it comes to coding but I have been hammering on this for hours and no solution. Neither chrome web tools nor siterorigin CSS could shed any light on it. Anyone able to suggest something??!

And yes, I think the lack of customisations on the footer menu is totally crazy. Mobile overtook desktop as the main browsing tool a year ago, so why the absolute lack of options here? And +1 to seeing an option for a menu navigation hamburger in the footer menu.

OK scratch that I just installed Mobile Menu by Takanakui, much better for my needs….