-
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 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)
