Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1139829

    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

    #1140713

    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

    #1161630

    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.

    #1161641

    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

    #1161642

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

    #1161646

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

    Best regards,
    Mike

    #1161866

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

    #1162111

    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

    #1162172

    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/

    #1162310

    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

    #1162314

    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.

    #1162316

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

    Best regards,
    Mike

    #1162318

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

    #1162321

    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

    #1162329

    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;
    }
    }

    #1162343

    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

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘CENTER copyright and socket menu’ is closed to new replies.