social icons in footer are not centered

[epolimus]

2 Questions..
1) I need the social icons in the footer widget 2 centered – they are sitting left of center just enough to look weird ?
2) Can you tell me how to style the menu in footer widget col 1 to stack vertical in single column ?
Thanks for always being prompt and helpful!!!

boisebestfitness.com

[epolimus]

Actually I would need the menu vertical on desktop screen and multiple rows on mobile screen
Thanks

[Veena]

Pls add the below custom CSS in themeoptions –

#sidebar-footer1 .widget li {
    float: none;
    display: block;
}
@media only screen and (max-width: 767px){
#sidebar-footer1 .widget li {
    display: inline-block;
}}
#footer ul.social-list li {
    margin: 0 auto;
    display: inline-block;
    float: none;
}
#footer .widget ul.social-list {
    display: block;
}

[epolimus]

That did not work unfortunately

[Veena]

Can you pls check if there is any syntax error in your custom CSS?

or Pls share a link to your site with a temp login as a private reply .

[epolimus]

This reply has been marked as private.

[Veena]

1. Pls deactivate all plugins once and see if that issue goes away or not.

2.Pls use the below custom CSS in themeoptions –

#primary-menu > ul.menu > li > ul.sub-menu {
    top: 54px;
}

Can you pls provide admin rights?

[epolimus]

This reply has been marked as private.

[epolimus]

This reply has been marked as private.

[Veena]

2. Pls use the below custom CSS –
underlining of current menu :

menu-main1-1 li.current-menu-item a::before, #menu-main1-1 li.current-page-ancestor a::before {
    background: none;
}
#primary-menu > ul.menu > li:hover > ul.sub-menu {
    border-color: transparent;
}
#primary-menu > ul.menu > li > ul.sub-menu {
    border-top: 3px solid transparent;
}

If this doesn’t work then pls share a screenshot of the same.

1,3,4. I have added custom CSS in themeoptions .

[epolimus]

This reply has been marked as private.

[Veena]

Pls use this custom CSS –

#menu-main1-1 li.current-menu-item a::before, #menu-main1-1 li.current-page-ancestor a::before {
    background: none;
}

[epolimus]

This reply has been marked as private.

[epolimus]

This reply has been marked as private.

[Veena]

Pls change your custom CSS from –

#menu-main1-1 li.current-menu-item a::before , #menu-main1-1 li.current-page-ancestor a::before {
    background: #ffc34d none repeat scroll 0 0;
    bottom: 14px;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}

to

#menu-main1-1 li.current-menu-item a::before  {
    background: #ffc34d none repeat scroll 0 0;
    bottom: 14px;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}

and see if it helps.

Pls open a new thread for button issue .Now this thread is so lengthy and it is difficult to handle .

[Author]

Posts