Hi Miomir Besarabic,
I think that you can change the layout file first.
Example: main-right.xml file in "your_site/templates/sj_hosting/layouts", finding:
<header order="2" id="yt_header">
<positions>
<position width="" height="" type="feature">@logo</position>
<position width="190px" height="" type="modules">header1</position>
<position width="228px" height="" type="modules">header2</position>
</positions>
</header>
change to:
<header order="1" id="yt_header">
<positions>
<position width="" height="" type="modules">header1</position>
<position width="" height="" type="modules">header2</position>
</positions>
</header>
<header1 order="2" id="yt_header1">
<positions>
<position width="" height="" type="feature">@logo</position>
</positions>
</header1>
After that, you can edit the templates.css file in "your_site/templates/sj_hosting/css", finding:
#yt_top,
#yt_header,
#yt_menuwrap,
#yt_slideshow,
#content,
#yt_var1,
#yt_var2,
#yt_footer,
#yt_spotlight1,
#yt_slider,
#yt_spotlight2{
width:100%;
float:left;
}
change to:
#yt_top,
#yt_header,
[b]#yt_header1[/b],
#yt_menuwrap,
#yt_slideshow,
#content,
#yt_var1,
#yt_var2,
#yt_footer,
#yt_spotlight1,
#yt_slider,
#yt_spotlight2{
width:100%;
float:left;
}
and continue to add the line code at the end of file:
#header2 .yt-position-inner{
float: right
}
Thanks