Joomla Templates Club 406,261 posts

[imarjukha Friend imarjukhaJoin date: January 2014Posts: 14Downloads:0Uploads:3 Thanks: 9]

#194407

Hello!

What should I do to show social network icons from social link module right in main bar, not in a popup menu?

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#521091

Hi imarjukha,

As the demo, the social link should show on the right on desktop screen.
When on mobile screen size, we need to turn it to dropdown for more room for logo and it also may not fit to the mainbar.

You can try to change the css to make it show in the mainbar on mobile screen. Please put these css in custom.css and place custom.css in css folder

http://t3-framework.org/documentation/bs3-customization#custom-css
@media (max-width: 1320px) {
.social-link {
border-left: none;
width: auto;
}

.social-link .addthis_toolbox {
display: block !important;
top: 0;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

}

Regards

[imarjukha Friend imarjukhaJoin date: January 2014Posts: 14Downloads:0Uploads:3 Thanks: 9]

#522413

Thank you! It’s ok for big resolution but on smartphone screen these icons covering site logo. Is it possible to decrease this module width? – it’s enough for me place for two icons.

---

Attachments:

1. 

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#522491

Hi imarjukha,

If you use two icons only, you can add

.social-link .custom {
min-width: 124px;
}

to custom.css file

[imarjukha Friend imarjukhaJoin date: January 2014Posts: 14Downloads:0Uploads:3 Thanks: 9]

#522540

<em>@Wall Crasher 411055 wrote:</em><blockquote>Hi imarjukha,

If you use two icons only, you can add

.social-link .custom {
min-width: 124px;
}

to custom.css file</blockquote>

Hi, Wall Crasher! Unfortunately it doesn’t working 🙁

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#522606

Hi imarjukha,

Please try this

.social-link .custom {
min-width: 124px !important;
}

.social-link .addthis_toolbox {
width: 124px !important;
}

Hope it works this time.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. imarjukha

[imarjukha Friend imarjukhaJoin date: January 2014Posts: 14Downloads:0Uploads:3 Thanks: 9]

#522839

@wall Crasher It woks! Thank you! 🙂

[Author]

Posts