Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

menu in footer not aligned

footer menu
    • 8 years, 4 months ago marco.resinofacile
      Participant

      Expired

      Hi,

      I placed a menu in footer using widget. But I am not able to make it center.

      Please look at the site: http://www.marco-marino.it/test1

      This is the only css I added until now:

      #footer .inner .row-fluid.ff:first-child {

      padding-top: 15px !important;

      padding-bottom: 10px !important;

      }

      #footer .inner .widget {

      font-size: 10px;

      color: #fff;

      }

      Should I place some specific css to make menu centered?

      Thank you

      Marco

       

    • 8 years, 4 months ago Mirela
      Participant

      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!

    • 8 years, 4 months ago marco.resinofacile
      Participant

      Expired

      Hi Mihaila,

      only know I see that all items in menu footer are ok on desktops and big screens, but it seems that on mobile all the footer is aligned left.

      could you please have a look?

      thank you

      Marco

       

    • 8 years, 4 months ago Mirela
      Participant

      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 8 years, 4 months ago by Mirela.
    • 8 years, 3 months ago marco.resinofacile
      Participant

      Expired

      <span lang=”EN-US” style=”font-family: Georgia, serif;”>Ok Mihaila, it works fine.</span>

       

      <span lang=”EN-US” style=”font-family: Georgia, serif;”>But I discovered one more problem: on desktop screen it happens that as I place more than 3 menu items they do not stay in the same line. </span>

      <span lang=”EN-US” style=”font-family: Georgia, serif;”>Also the text below social icons is splitted in more lines. For example the mail address “[email protected]” doesn’t stay in a single line. </span><span style=”font-family: Georgia, serif;”>Please look at the screenshot: </span>

      https://share.pho.to/AdKyn

      It seems like a coloumn that is too tight.

      why?

      Regards

      Marco

    • 8 years, 3 months ago Mirela
      Participant

      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!

    • 8 years, 3 months ago marco.resinofacile
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 3 months ago Mirela
      Participant

      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!

    • 8 years, 3 months ago marco.resinofacile
      Participant

      Expired

      Hello,

      sorry for making changes in footer and removing the menu: this morning the client asked me urgently to make the footer lower and nice to be seen. So I elminated the footer menu.

      As the client also told me that he just need 1 social icons, I think more changes will be done. So now I will try some more layout for the footer and hope don’t need support.

      I let you know in a couple of days.

      Regards

      Marco

       

    • 8 years, 3 months ago Mirela
      Participant

      Hello,

      Ok, let us know whenever you need further help.

      Kind regards!

    • 8 years, 3 months ago marco.resinofacile
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 3 months ago Mirela
      Participant

      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!

    • 8 years, 3 months ago marco.resinofacile
      Participant

      Expired

      ok

Viewing 12 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password