Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • November 2, 2017 at 5:10 pm #871759
    Adrian_au

    Hi, please help me to move social icons to the right of the page. I want social icons to be in the same line as menu to the left, just aligned to the right, in the header area. I had a look in to other similar topics, but I couldn’t find way to align social icons to the right. Please help.

    November 2, 2017 at 6:15 pm #871790
    Guenni007

    goto your Enfold Options – Header – Extra Elements – Header Social Icons. and choose “Display in main header area”

    November 2, 2017 at 7:25 pm #871811
    Adrian_au

    Hi, thanks for your prompt reply. However I want icons aligned to the right side of the page. There is no option to display social icons to the right side of the page. When it’s selected icons are displayed next to menu on the left side of the page. You may know how to move them to the right?

    November 2, 2017 at 7:52 pm #871818
    Guenni007

    do you have a live link to it – and or a screenshot how it should look like

    something like this ? https://webers-testseite.de/elegant/

    you could have it vice-versa

    • This reply was modified 7 years ago by Guenni007.
    November 3, 2017 at 11:08 am #872088
    Guenni007

    what do you mean by right side of the page
    you mean something like this (here on the left) https://fusesocialfloating.000webhostapp.com/fuse-social-floating/

    there are alot of plugins doing this

    November 6, 2017 at 2:57 pm #873077
    Victoria

    Hi Adrian_au,

    I am seeing the menu and the links on the left. Did you get it working for you?

    Best regards,
    Victoria

    November 13, 2017 at 6:44 pm #876199
    Adrian_au

    Correct you seeing links of the left along with menu.

    However I would like to have just social links to the right side, is there are way to move them?

    November 15, 2017 at 9:01 pm #877207
    Basilis

    Hi,

    Please take a look

    Floating Social Bar

    Thank you

    Best regards,
    Basilis

    November 21, 2017 at 8:42 pm #879918
    Adrian_au

    Thanks, I tried to install it but it does not work. For me moving social icons to the right side of the page sound like a simple idea. Please help, I need social icons on the right side of the website. I don’t want to have them above or below menu line.

    November 21, 2017 at 9:10 pm #879928
    Adrian_au

    I tried this and it does not work: #top .social_bookmarks { float: right; margin-right: 230px; }

    November 21, 2017 at 9:41 pm #879940
    Adrian_au

    { padding-right: 50px; } : This seems to be moving social icons, but I want them to stick to the right side of the page, instead of pushing using padding. Please help

    November 22, 2017 at 3:47 pm #880335
    Victoria

    Hi Adrian_au,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.main_menu {
    width: 100%;
}
#top nav .social_bookmarks {
    float: right;
    left: auto;
    width: 10%;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 22, 2017 at 7:09 pm #880412
    Adrian_au

    Victoria thank you very much! It worked magic! :)

    November 22, 2017 at 10:59 pm #880506
    Jordan Shannon

    Hi,

    Did you need further help, or shall we close this thread?

    Best regards,
    Jordan Shannon

    February 3, 2019 at 6:05 pm #1062315
    getfred

    I have the same issue. I want to align the social icons to the right. And next step I need to customise them :)

    Victorias code “kinda” make it work, but I guess my custom css positioning of the main menu f**** it up. This is my main menu positioning css:

    @media only screen and (min-width: 768px) {
    .main_menu {
    right: auto !important;
    left: 134px;
    top: 38px !important;
    }
    }

    Could you help me with this issue please?
    BR Frederik

    February 7, 2019 at 6:54 am #1063863
    Ismael

    Hi,

    Set the width of the main menu to 100%, make the social bookmarks container float to the right and then specify its width, 200px is enough.

    Best regards,
    Ismael

    February 10, 2019 at 12:51 am #1065036
    getfred

    Thankyou sp much Ismael! It works!

    BR Frederik

    February 11, 2019 at 6:20 am #1065297
    Rikard

    Hi Frederik,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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