Social Media

[Maxime Corbisier]

So, if i want that my “f” float on the right of the menu, what i’ve to do ?

[Tom]

This thread explains how: http://generatepress.com/forums/topic/social-networks-buttons-on-nav-menu-bar/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Maxime Corbisier]

I’ve done all of that. But it doesn’t work :(.

I put :
.social_icon {
float: right;
}

In my custom css and “social_icon” in the css class of the link.

I tried with :
.social_icon {
float: right !important;
}

But my “f” is always on the left with my nav menu.
Sorry to disturb you 🙁

[Tom]

Can you possibly link me to the page where you’re trying to do this? It will help if I can see the code 🙂

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Maxime Corbisier]

http://www.prograweb.be

Thanks soooooo much!

[Tom]

Looks like you gave your fb icon the class “facebook”.

So your code would be:

@media (min-width: 769px) {
      .sf-menu > li.facebook {
            float: right;
      }
}

The above should be mobile friendly as well 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Maxime Corbisier]

It’s done Tom, but my “f” don’t move 🙁

[Tom]

You have this in your stylesheet:

function msk_load_css_fontawesome() {
  if (!is_admin()) {
    wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css', null, '4.0.1' );
  }

PHP isn’t allowed in CSS files, and is breaking the code below it.

If you remove the above, it should work for you.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Maxime Corbisier]

You’re awesome, thank’sssss !!!! 😀

Sorry for the desagrement :()

[Tom]

Happy to help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts