SOCIAL position

Hi, I'm trying to change the parameters for the SOCIAL position in order to load more modules into it (vm minicart, login, etc), without them stacking vertically one on top of the other but in line.
I would also the SOCIAL position not to disappear on small screens.

Have you got any suggestion?

Otherwise I could add a new position in the HEADER block, but I-m new to T3 framework and I need a few hints on how to do it.

Many thanks,
Bruno

Hi Bortolani,
Thanks for contacting us and choosing our product!
The time now, on our mobile not the social.
You want to change the position of social display.
Please enter header.php files (templates \ jux_galiana \ tpls \ blocks) line 47-57
- To understand the layout of the site is divided. you should refer to getbootstrap.com/css/
If there are problems, I will take steps to help you. Thanks

Thanks Diepnt.
I managed to put 2 modules in social position.
Now one more question: the social position disappears on small screens.
How can I change it so it remains visible under the logo on mobile (xs) screens?

Many thanks,
Bruno

Hi Bortolani,
Please go to custom.css file(templates\jux_galiana\css)
add css
@media (max-width: 480px){
.col-xs-12.col-sm-9.header-right{
display: block!important;
margin-top: 26px;
}
}
You can style it more beautiful site than.
Hope help you. Thanks

Hi Diepnt,
I did it in another way: I modified style-responsive-bs3.less in order to control the placement of the the block in the correct way with different screen resolutions.

Many thanks anyway!

Bruno

Hi Bortolani,
We have a note: when editing a style. you should not directly edit files or abc.CSS abc.LESS. You should write to the file custom.css Please go to custom.css files (templates \ jux_galiana \ css). The purpose of this when you update or edit restore it will not lose your css wrote. Thanks.