Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 16, 2018 at 2:30 am #1021908
    honkatech

    Hello my friends, I would like to center the footer on mobile version only, because in desktop version is ok.

    Thank you so much,

    Junior

    October 16, 2018 at 6:37 am #1021994
    Rikard

    Hey honkatech,

    Are you referring to the socket? Do you have a mockup of what you are trying to achieve?

    Best regards,
    Rikard

    October 17, 2018 at 3:57 am #1022497
    honkatech

    Im sending you a image with what I mean to say.

    I want to center all footer, text, icons and menu.

    https://ibb.co/fQ0S80

    Thank you!

    October 18, 2018 at 12:56 pm #1023329
    Vinay

    Hi,

    To center the socket elements please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Center socket elements */
@media only screen and(max-width: 767px) {
#top #socket .container {
    display: flex;    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: gold;
}}

    NOTE: “Terms & conditions” is a long word in the menu so the menu jumps to the next line. You can try to change the order of the items or reduce the menu text.

    Best regards,
    Vinay

    October 19, 2018 at 2:14 am #1023717
    honkatech

    Hi Vinay,

    Thank you, I paste the code in the Quick CSS but don’t change anything, maybe the code is not correctly.

    October 19, 2018 at 5:47 pm #1024111
    Jordan Shannon

    Hi,

    Please add the code to the very top of quick css so it runs first. Also clear the cache a few times over.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.