Tagged: , , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 19, 2019 at 10:08 am #1139829
    Annettebirkmann

    Hi

    I tried using the CSS from post https://kriesi.at/support/topic/center-copyright-and-socket-menu/ but for some reason that doesn’t seem to work on my page. Can you let me know what I’m doing wrong please?

    Many thanks

    Clare

    September 22, 2019 at 7:23 pm #1140713
    Mike

    Hey Annettebirkmann,
    sorry for the late reply, thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 760px) {
span.copyright {
  width: 100%;
  text-align: center;
}
#socket .sub_menu_socket {
    width: 100%;
}
#socket .sub_menu_socket #avia3-menu {
    display: flex;
    justify-content: center;
}
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    December 1, 2019 at 2:46 pm #1161630
    edwandz

    Please add this as an automated selectable option in your next theme update.
    I should be able to select whether I can align the socket content left, right or centered directly from theme options without adding css code.

    December 1, 2019 at 5:14 pm #1161641
    Mike

    Hi,

    @edwandz
    Well there are 3 possible elements in the socket, the copyright, bookmarks, and menu. So one option for all three would not really work, besides many people put other items in the socket via the copyright field that they wish were aligned differently than the copyright. So limiting the socket could reduce it’s functionality for some. But we are more than happy to assist you with your customization.
    Feel free to open a new thread to ask when the time arises.

    Best regards,
    Mike

    December 1, 2019 at 5:16 pm #1161642
    edwandz

    Then would it be possible to add an automated alignment option for each of the 3 possible elements in the socket?

    December 1, 2019 at 5:30 pm #1161646
    Mike

    Hi,
    I will submit a feature request to the dev team, perhaps it will work better than I imagine.

    Best regards,
    Mike

    December 2, 2019 at 1:56 pm #1161866
    edwandz

    Hi. I need to change the footer text font size. How do I do that?

    December 3, 2019 at 9:34 am #1162111
    Rikard

    Hi edwandz,

    Could you try to be a bit more specific on which text you want to change and how please? Also please please post a link to where we can see the elements in question.

    Best regards,
    Rikard

    December 3, 2019 at 12:40 pm #1162172
    edwandz

    Hi, I have managed to make adjustments to the footer and socket using the following custom css:
    @media only screen and (min-width: 760px) {
    span.copyright {
    width: 100%;
    text-align: left;
    }
    #socket .sub_menu_socket {
    width: 100%;
    }
    #socket .sub_menu_socket #avia3-menu {
    display: flex;
    text-align: left;
    }
    }
    #footer .container {
    font-size: 13px;
    text-align: left;

    }

    I however have another issue.
    I have set and displayed the Header Social Icons. They are appearing on desktop but not on mobile devices. How can this be fixed?
    Link: https://mrpanels.com/

    December 3, 2019 at 6:37 pm #1162310
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block !important; 
}
}

    Please note that we encourage users to create new threads than to revive older threads, to better serve them. Thanks for your understanding.

    Best regards,
    Mike

    December 3, 2019 at 6:44 pm #1162314
    edwandz

    I have added the css.

    The icons are appearing twice. On the top bar and in the header. Please check and assist me with a solution to this.

    December 3, 2019 at 6:47 pm #1162316
    Mike

    Hi,
    I see, where would you like them to not show?

    Best regards,
    Mike

    December 3, 2019 at 6:49 pm #1162318
    edwandz

    On the top bar only just like on the desktop version of the website. Not duplicated on the header.

    December 3, 2019 at 7:05 pm #1162321
    Mike

    Hi,
    Please replace with this css and clearing your browser cache:

    @media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header > #header_meta .container > .social_bookmarks {
    display: block !important; 
}
}

    Best regards,
    Mike

    December 3, 2019 at 7:15 pm #1162329
    edwandz

    It worked. Thank you. Please see if these customization options can be added under Enfold Theme Options in the next update. I am currently using the following additional css which would be great of they could just be selectable options:
    @media only screen and (min-width: 760px) {
    span.copyright {
    width: 100%;
    text-align: left;
    }
    #socket .sub_menu_socket {
    width: 100%;
    }
    #socket .sub_menu_socket #avia3-menu {
    display: flex;
    text-align: left;
    }
    }
    #footer .container {
    font-size: 13px;
    text-align: left;

    }
    @media only screen and (max-width: 479px) {
    .responsive #top #wrap_all #header > #header_meta .container > .social_bookmarks {
    display: block !important;
    }
    }

    December 3, 2019 at 7:38 pm #1162343
    Mike

    Hi,
    Glad we were able to help, I will add this to your feature request for the dev team to review.
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
    We will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘CENTER copyright and socket menu’ is closed to new replies.