Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 18, 2016 at 5:39 pm #674268
    RachelFleury

    Hi,

    I want my footer menu to be centered but I don’t know which element I should modify in the CSS. I’ve tried to apply the “text-align:center” property to several elements but it never worked.

    Here are the modifications I’ve already made to the CSS:

    div#footer.container_wrap.footer_color{
text-align: center;
color: black;
background-color: #360836;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
}

section#wpcw_social-6.widget.clearfix.wpcw-widget-social{
font-size: 32px;
margin-top:0px;
margin-bottom:0px;
}

section#wpcw_social-6.widget.clearfix.wpcw-widget-social li{
margin-bottom: 0px;
color: white;
}

footer#socket.container_wrap.socket_color{
background-color: #360836;
border: #360836;
margin-top: 0px;
}

div.container nav.sub_menu_socket{
font-size: 15px;
padding-top: 15px;
}

#socket .sub_menu_socket li{
margin-bottom:30px;
}

#socket .sub_menu_socket li a{
color: white;
}

span.copyright{
text-align: center;
font-size:13px;
clear:both;
padding: 15px;
width: 100%;
color: white;
}

span.copyright a{
color: white;
}

span.copyright a:hover{
color: white;
}

@media only screen and (max-width: 479px) {
.responsive #socket .sub_menu_socket {
display: block !important;
width: 100%;
}

.responsive #socket .sub_menu_socket ul li {
float: none;
border-left: none;
text-align: center;
}

}

    Thanks for your help!

    August 22, 2016 at 1:08 pm #675685
    Yigit

    Hi!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #socket .container {
    max-width: 100%;
}
#socket .sub_menu_socket {
    float: none;
}
#socket .menu {
    left: 4%;
    position: relative;
}

    Best regards,
    Yigit

    September 1, 2016 at 3:11 pm #680765
    RachelFleury

    Hi Yigit!

    Thanks for this advice. Unfortunately, it’s not working. The menu is still left-aligned. Would you have an other idea to suggest? I don’t understand why it’s not working since the other elements of my footer are centered…

    Many thanks!

    September 5, 2016 at 9:50 am #682044
    Josue

    Hey!

    Try adding this code to General Styling > Quick CSS:

    #socket .sub_menu_socket {
    text-align: center;
}
#socket .sub_menu_socket li {
    float: none;
    display: inline;
}

    Cheers! 
    Josue

    September 6, 2016 at 6:02 pm #682770
    RachelFleury

    Hi Josue,

    Thank you very much, it’s exactly how I wanted it to be.

    Cheers!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Centering the Footer Menu’ is closed to new replies.