0
Welcome Guest! Login
0 items Join Now

Social icons in menu

Last Post
Search Topic
    • Oliver's Avatar
    • Oliver
    • Jr. Rocketeer
    • Posts: 36
    • Thanks: 0

    Social icons in menu

    Posted 8 years 5 months ago
    • Hi,


      Do you know if I could add 3 social icons (facebook, youtube and twitter) into my menu bar in the top right corner?

      This is web:

      www.nuevaweb.escueladeuncursodemilagros.es/

      IMAGE ATTCHED: desired look


      Thanks a lot,

      Oliver
    #1324250
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Social icons in menu

    Posted 8 years 5 months ago
    • Yes you can - just add them to the naviagation section.

      Regards, Mark.

    • The following users have thanked you: Oliver

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1324260
    • Oliver's Avatar
    • Oliver
    • Jr. Rocketeer
    • Posts: 36
    • Thanks: 0

    Re: Social icons in menu

    Posted 8 years 5 months ago
    • Great!!

      You know how to make it without the background bar that appeared now?

      And white color?

      And that links to my social pages work? (I put links like example http://www...)

      Would be PERFECT

      Thanks MR T.

      Oliver
    #1324408
    • Oliver's Avatar
    • Oliver
    • Jr. Rocketeer
    • Posts: 36
    • Thanks: 0

    Re: Social icons in menu

    Posted 8 years 5 months ago
    • WEB:http://www.nuevaweb.escueladeuncursodemilagros.es/
    #1324410
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Social icons in menu

    Posted 8 years 5 months ago
    • Learn to use either, Firebug in Firefox, Chrome Developer Tools in Chrome, or one of the other browser developer tools, they will save you hours on things like this and they're very easy to use.

      Use this code...
      #g-navigation .g-social {
    position: absolute;
}
.g-social a {
    color: white;
}
      To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .

      Remember to recompile CSS from base outline too.

      New questions = new topics now please to be fair to other members.



      Regards, Mark.

    • The following users have thanked you: Oliver

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1324464

Time to create page: 0.077 seconds