Hello,

Please add this code into your custom css box:

#footer .inner .widget .megamenu_container {
    padding-left: 10% !important;
}

It will move only menu items. Change the value to your wish.

I see the menu items on hover get the same color as the background, making them invisible. If you want to change that, add this code as well:

#footer .inner .widget .megamenu_container a:hover {
    color: antiquewhite !important;
}

Let us know.

Best regards!

Hello,

Please go to file css/bootstrap-responsive.css and find this line:

 footer#footer .inner .row-fluid.ff .span12:first-child:last-child{
   margin-left:-210px !important;
 }

Remove the !important from it and save changes.
Then add this code into your custom css box:

@media (max-width: 767px){
footer#footer .inner .row-fluid.ff .span12:first-child:last-child{
     margin-left:-150px !important; 
  }}

Result screenshot.

Best regards!

• This reply was modified 7 years, 9 months ago by Mirela.

Hello,

Can you please send us some valid wp login credentials? So i can fix this. Something is making the footer keep the width of the mobile size. I need to check and see what is stopping the desktop size to take effect.
Let us know.

Best regards!

Hello,

You had removed the footer menu from footer widgets. Do you still want to use it? The “menu piede” has little items and so it does not exceed the current width of the footer.
Please let us know how do you wish to proceed.

Best regards!

Hello,

Ok, let us know whenever you need further help.

Kind regards!

Hello,

I added this code into your custom css box:

footer#footer .inner .row-fluid.ff .span12:first-child:last-child {
    width: 690px !important;
    left: 30% !important;
}

Please check your site.

Best regards!