Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 24, 2022 at 7:52 pm #1349296
    Kelly Erickson

    Hi lovely Enfold team! I’m having some funky things going on that I was hoping you could help me with!

    1) Mobile socket: I have it set up to center the socket content and stack all the links (so it goes Copyright, two social icons side by side, link, link, link, etc.). Here’s the code I used for that: 

    @media only screen and (max-width:550px) {
  .responsive #socket .sub_menu_socket {
    display: block !important;
    width: 100%;
  }
  .responsive #socket .sub_menu_socket .menu {
    margin-left: 0;
  }
  .responsive #socket .sub_menu_socket .menu li {
    border: 0;
    display: block;
    float: none;
    text-align: center;
    line-height: 1.7;
  }
  .responsive #socket .sub_menu_socket {
    display: block !important;
    width: 100%;
  }
  .responsive #socket .sub_menu_socket .menu {
    margin-left: 0;
  }
  .responsive #socket .sub_menu_socket .menu li {
    border: 0;
    display: block;
    float: none;
    text-align: center;
    line-height: 1.7;
  }
}

    Only problem is the social icons are not quite center for some reason – they are just off to the right a little bit. Screenshot provided in the private content.

    2) Footer font size: I am using the following code to adjust the size of the font in the footer: 

    #footer p {
  font-size:16px !important; 
}

    However, it only applies to the first footer column and not the rest (I had to code in the font size of the third footer column to get me through for now)

    3I think that’s it for now! Thank you in advance!

    April 25, 2022 at 5:03 am #1349335
    Nikko

    Hey kellyCraftMedia,

    1. Please replace this CSS code:

    .responsive #socket .sub_menu_socket {
    display: block !important;
    width: 100%;
}

    with:

    .responsive #socket .sub_menu_socket {
    display: block !important;
    margin: 0;
    width: 100%;
}

    2. It does not work on other columns since other columns uses span instead of p, you can add this code:

    #footer span {
    font-size: 16px;
}

    Hope this helps.

    Best regards,
    Nikko

    April 29, 2022 at 8:00 pm #1349988
    Kelly Erickson

    Hi! I did this but the font size is only applying to the first two columns and the first widget in the column (column 2, for example, has a text widget below that Hours widget; it’s still small). Column 3 is still small as well.

    Thanks!

    April 30, 2022 at 11:19 am #1350031
    Nikko

    Hi kellyCraftMedia,

    I see, please add this CSS code as well:

    #footer center {
    font-size: 16px;
}

    Best regards,
    Nikko

    July 22, 2022 at 10:49 pm #1359241
    Kelly Erickson

    This worked, thank you so much!

    July 22, 2022 at 11:10 pm #1359244
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Footer/socket fixes’ is closed to new replies.