spacing in footer menu

[Henry]

Henry

July 18, 2015 at 12:44 pm

hello,

my site is imhkdesign.com

and you gave me a code a while back to align the title of 2 menus in the center of them on my footer.

i believe this is the code you gave me

@media (min-width: 767px) {
.footerclass .footercol1 .widget-title {
position: relative;
left: 188px;
}
}

@media (min-width: 992px) {
.footerclass .footercol1 .widget-title {
position: relative;
left: 122px;
}
}

@media (min-width: 1200px) {
.footerclass .footercol1 .widget-title {
position: relative;
left: 145px;
}
}

now to get the second menu to align with the first, i had to add the shortcode ” [space size=”30px”] ” to the top of the second menu… and it looks great on all platforms except the mobile devices.. it adds unnecessary space between the two since they align one on top of the other..

i guess my question is, is there any way to have that shortcode “display none” for mobile devices? or is there another solution you would recommend?