-
Hi experts.
I’m trying to move the toolbar from the top left corner, to a centered position above the Slideshow position.
I tried editing the index.php like describe in the this thread, but unfortunately it didn’t work.
The logo in the center, used to be the small circle, that I placed in the middle by using this code:
<blockquote>Please open “/templates/ja_lens/css/template.css’ file, about line 690. Then add 2 below styles into “#logo {…}”
HTML Code:
left: 200px;
z-index: 9999;</blockquote>If I change the menu’s position from mainnav to slideshow, the slideshow disappears.
What i need:
– The same toolbar (same style) between the logo and the slideshow
– If possible, the menu items centered
– If even more possible 🙂 the items as justification (= e.g. three menu items, one very left, on in the center, on verey right)Hope to hear from you folks soon!
Hi,
JA Sulfur and JA Lens are different, so I think that solution might not take affect on your site.
Can you give me your URL site and admin account for further check, then I will give you the solution base on your site, cause it’s not the same with the original JA Lens.
Thanks, I have received it. Will check your site now.
<em>@kubii 341859 wrote:</em><blockquote>I sent you a PM with the details.
Thanks for your help!</blockquote>
Could you send me your site info again cause I can’t access to your back-end, it says
<blockquote>Object not found!The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.
If you think this is a server error, please contact the webmaster. </blockquote>
And please public your the toolbar from the top left corner then I can based on that to give you the solutions.Yes, my mistake.
I get your PM, will check your site now.<em>@kubii 341461 wrote:</em><blockquote>
What i need:
– The same toolbar (same style) between the logo and the slideshow
– If possible, the menu items centered
– If even more possible 🙂 the items as justification (= e.g. three menu items, one very left, on in the center, on verey right)
</blockquote>Please go to
templatesyour_template_folderindex.php
In header part, change
<!-- HEADER -->
<div id="header" class="wrap">
<div class="main header-main clearfix"><!-- LOGO -->
<div id="logo">
<h1>
<a href="<?php JURI::base(true) ?>" title="<?php echo JText::_('JA_DESC'); ?>"><span><?php echo JText::_('JA_NAME'); ?></span></a>
</h1>
</div>
<!-- //LOGO --><!-- MAINNAV -->
<div id="mainnav" class="has-toggle">
<div class="btn-toggle menu-toggle">
<span>Menu</span>
</div>
<div class="inner menu-inner clearfix">
<jdoc:include type="modules" name="mainnav" />
</div>
</div>
<!-- //MAINNAV -->
</div>
</div>
<!-- // HEADER -->
to
<!-- HEADER -->
<div id="header" class="wrap">
<div class="main header-main clearfix"><!-- LOGO -->
<div id="logo">
<h1>
<a href="<?php JURI::base(true) ?>" title="<?php echo JText::_('JA_DESC'); ?>"><span><?php echo JText::_('JA_NAME'); ?></span></a>
</h1>
</div>
<!-- //LOGO --></div>
<!-- MAINNAV -->
<div id="mainnav" class="has-toggle">
<div class="btn-toggle menu-toggle">
<span>Menu</span>
</div>
<div class="inner menu-inner clearfix">
<jdoc:include type="modules" name="mainnav" />
</div>
</div>
<!-- //MAINNAV -->
</div>
<!-- // HEADER -->
And in your CSS file
templatesyour_template_foldercsstemplate.css
Change these lines
#header {
border-bottom: 1px solid #2A2A2A
color: #CCCCCC
height: 59px;
}
to
#header {
border-bottom: 1px solid #2A2A2A
color: #CCCCCC
height: 118px;
}Change these lines:
#mainnav {
position: absolute;
right: 0;
top: 0;
width: 100%;
}
to
#mainnav {
position: absolute;
top: 59px;
width: 100%;
}In file
templatesyour_template_foldercssmavigation.css
Change these lines:
#mainnav .menu-inner {
position: absolute;
right: 0;
width: 900px;
}
to
#mainnav .menu-inner {
position: absolute;
right: 0;
width: 960px;
}change these line
#mainnav .menu, #mainnav .menu li {
margin: 0;
padding: 0;
}to
#mainnav .menu, #mainnav .menu li {
margin: 0 auto;
padding: 0;
}change these lines
#mainnav .menu {
float: right;
}
to
#mainnav .menu {
}Please back up your file before process, and customization could make your site no longer responsive.
<blockquote>Is there any chance, to add the same 4 User positions like user 1, 2 ,3, 4 above the slideshow position aswell?
</blockquote>
Yes, please edit intemplatesyour_template_folderindex.php
Move part in<!-- BOTTOM SPOTLIGHT-->
....
<!-- //BOTTOM SPOTLIGHT -->
to any position in web you want.Hi : D
You welcome.
Waiting for your results.Okay, I have the naviagtion on top,
With trial and error I Adjusted the
[PHP]#mainnav {
position: absolute;
top: 59px;
width: 100%;
}[/PHP]to
[PHP]#mainnav {
position: absolute;
top: 150px;
width: 100%;
}[/PHP]So it sits nice and smooth underneath the logo.
But, I need more space underneath.
shall I change the div of the Logo?but after moving
[PHP]<!– BOTTOM SPOTLIGHT–>
….
<!– //BOTTOM SPOTLIGHT –>[/PHP]above
[PHP]<!– // SLIDESHOW –>[/PHP]it looks almost as i wanted it:
any idea how to solve this issue?
Yes, it’s easy
In your CSS file:templatesyour_template_foldercsstemplate.css
Find these line:
#toolbar {
background: none repeat scroll 0 0 #000000;
border-bottom: 10px solid #FFFFFF;
padding: 50px 0 20px;
}
Change to:
#toolbar {
background: none repeat scroll 0 0 #000000;
border-bottom: 10px solid #FFFFFF;
padding: 70px 0 20px;
}Thanks : )
That’s my responsibility.
If you have anything to ask, feel free to ask in forum or raise a ticket.
Viewing 14 posts - 1 through 14 (of 14 total)This topic contains 14 replies, has 2 voices, and was last updated by
Luna Garden 12 years, 1 month ago.
We moved to new unified forum. Please post all new support queries in our New Forum
move toolbar to slideshow position
Viewing 14 posts - 1 through 14 (of 14 total)
