Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 20, 2014 at 8:03 am #267154
    nriver5541

    I would like to move the social media icons below the main menu in the header section thanks in advance.

    May 20, 2014 at 5:37 pm #267409
    Dude

    Hey Nelson!

    Since 2.7.1 you can change the position of the icons easily. Go to the “Header Layout” > “Extra Elements” and select “Header Social Icons” – “Display in main header area”. We can then set a margin-top if you want to push the icons down a bit.

    Regards,
    Peter

    May 22, 2014 at 4:42 am #268436
    nriver5541

    Thanks for the quick response the thing is I’m trying to move the social media icons right above the main menu in the header. Thanks in advance

    May 22, 2014 at 7:49 am #268457
    Dude

    Hey!

    You can move them with this code:

    
#top .social_bookmarks {
top: 45px;
right: 0;
position: absolute;
}

    and replace 45px with a higher/lower value if you want to change the distance to the main menu.

    Best regards,
    Peter

    May 22, 2014 at 8:16 am #268475
    nriver5541

    No go on the code I entered the code in the quick css I then changed to option to move the social media icons into the main menu header I flushed the caches 5 times and refreshed the page each time the social media icon remained on the right side of the main menu in the header.

    May 22, 2014 at 1:13 pm #268564
    Yigit

    Hey!

    It seems like code is not being applied. Please try adding the code to custom.css file inside Enfold/css folder.

    Regards,
    Yigit

    May 23, 2014 at 2:29 am #268968
    nriver5541

    Quick question I”m fairly new to enfold I attempted to locate the enfold/css folder no luck. Can you please help me locate the enfold/css folder. Thank you in advance

    May 23, 2014 at 5:59 am #268990
    nriver5541

    ok I put the code in the custom.css file nothing is happening any suggestions. I may or may not be entering the code correctly. can you please walk me through the process. thanks in advance

    May 23, 2014 at 12:19 pm #269083
    Yigit

    Hi!

    Can you try deactivating all active plugins and try the code in Quick CSS once again? Also, do you have any other custom CSS code added? If so, can you paste them in http://pastebin.com/ and post the link here so we can check if there is any punctional issues?

    Best regards,
    Yigit

    May 24, 2014 at 7:58 am #269454
    nriver5541

    here’s the link to pastebin http://pastebin.com/v4kHM4zX. Thanks for your help in advance

    May 24, 2014 at 8:01 am #269455
    nriver5541

    Got It thanks for your help it was the a css code conflict

    May 24, 2014 at 8:06 am #269457
    nriver5541

    Got another question well problem on mobile devices the social icons cover the logo is their a way that I could have the social media icons remain in the top social media bar for mobile device only. Thanks in advance

    May 26, 2014 at 12:22 pm #270036
    Yigit

    Hi!

    Please change the code Peter posted to following one

    @media only screen and (min-width: 990px) {
#top .social_bookmarks {
top: 45px;
right: 0;
position: absolute;
}}

    Best regards,
    Yigit

    May 27, 2014 at 12:08 am #270326
    nriver5541

    Perfect everything Is working Great Customer ServiceThanks For All The Help

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Move Social Media Below main menu header’ is closed to new replies.