Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 13, 2018 at 4:11 pm #1044917
    markmade

    How can I center the Copyright Info and Footer Menue in the Mobile View and the Desctop View?

    December 13, 2018 at 5:23 pm #1044938
    michaelH

    Hi Mark

    Try this for the Copyright:

    #socket .copyright {
float: center;
}

    For the footer menu you can adjust it the same way.

    Cheers
    Michael

    December 13, 2018 at 5:27 pm #1044940
    markmade

    Is that the right one for the footer menu?

    #socket .footer {
    float: center;
    }

    December 13, 2018 at 5:43 pm #1044948
    michaelH

    No, in your case that would be:

    #socket .menu {
...
}
    December 13, 2018 at 7:44 pm #1044992
    markmade

    Here is my Quick CSS. Unfortunately it does not work

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }}
    @media only screen and (max-width: 767px) {
    .responsive #socket .copyright {
    float: center !important;
    }}
    @media only screen and (max-width: 767px) {
    .responsive #socket .menu {
    float: center !important;
    }}

    December 13, 2018 at 8:40 pm #1045018
    michaelH

    Hi Mark

    I suggest putting your copyright info as an individual link to the socket menu.
    Having that said it should be easier to align the menu in the middle than with two different elements like now.

    Cheers
    Michael

    December 14, 2018 at 2:38 pm #1045285
    Rikard

    Hi,

    Thanks for helping out @michaelH, did you get your problems solved @markmade? If not then please post a link to where we can see the actual elements.

    Best regards,
    Rikard

    December 14, 2018 at 5:02 pm #1045330
    markmade

    OK, I did that now and in the Quick CCS it looks like this, but it still does not work. Please help

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }}
    #socket .footer {
    float: center;
    }

    December 14, 2018 at 5:32 pm #1045340
    markmade

    I would like to center the view of the copyright and es footer menu as follows and in the following order:

    Start | Impressum | Datenschutz
    © Copyright – Luister & Partner

    I would like this presentation both in the desktop and in the mobile version

    Here is the link to the website:

    Herzlich Willkommen

    • This reply was modified 6 years ago by markmade.
    December 17, 2018 at 10:37 pm #1046573
    Basilis

    Hi,

    Please add the following:

    footer { width: 300px; }

    and that should be working properly for you :)

    Best regards,
    Basilis

    December 18, 2018 at 10:03 am #1046773
    markmade

    can you please send me the complete Quick CCS string, thank you.
    Or in other words, what do I have to enter completely in the Quick CCS?

    December 18, 2018 at 12:50 pm #1046828
    cg

    Info @michaelH: “center” is not a valid option for the float property

    December 18, 2018 at 1:21 pm #1046840
    markmade

    Can someone help me please
    can you please send me the complete Quick CCS string, thank you.
    Or in other words, what do I have to enter completely in the Quick CCS?

    December 20, 2018 at 1:32 am #1047526
    Nikko

    Hi markmade,

    Try using this css code:

    #socket .container {
    display: flex;
    flex-direction: column-reverse;
}

#socket .copyright, 
#socket .sub_menu_socket {
    float: none;
    display: block;
    text-align: center;
}

#socket .sub_menu_socket li {
    display: inline-block;
    float: none;
}

    Best regards,
    Nikko

    December 20, 2018 at 9:47 am #1047609
    markmade

    Hi Nikko,
    perfect thank you for the competent help. that’s exactly what I meant and wanted.
    I use the Enfold theme in all of my customer projects and am very satisfied with it. please continue

    December 21, 2018 at 5:04 pm #1048235
    Nikko

    Hi markmade,

    Glad that we’re able to help.
    Thanks for your kind words :)
    And thanks for using Enfold in your projects.
    Have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Center Copyright Info and Footer Menu in Mobile View’ is closed to new replies.