Footer Menu

How can I make the text in the footer menu and the text in the sub menu larger?

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

Sorry about that here is the url:
http://vps28450.inmotionhosting.com/~outdoordogsupply/

Hello There,

Thanks for writing in!

You can add following CSS under X > Launch > Options > CSS:

.x-colophon.bottom .x-nav li a {
    font-size: 16px;
}

.x-navbar .desktop .sub-menu li > a {
    font-size: 19px;
}

Thanks.

Thank you that worked great!! The only thing is that when you are on a small laptop it cuts the bottom of the menu off. Is there a way to make it so it can scroll when it dose not fit?

Hi,

Upon checking, I can see you have already enabled scroll.

https://www.screencast.com/t/soLSImyMfb

Have you figured it out?

I’m not sure how you got it to work. But its not working on my end. I did make the font small so it would fit but it dose not have a scroll. We when live with this site so the url is now outdoordogsupply.com

Hi,

I can see you have the following code in your Custom CSS

.x-navbar .mobile .x-nav {
      height: 400px;
     overflow-y: scroll;
}

Try to reduce the height to 200px

.x-navbar .mobile .x-nav {
      height: 200px;
     overflow-y: scroll;
}

Hope that helps

That did not work for me

Hi there,

You can not escape that as you have too many sub menu items under the shop menu. I suggest that you split them into columns to avoid such a problem using the Megamenu functionality of the theme.

For more information:

Hope it helps.