VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: bestcons on June 26, 2012, 23:16:29 PM

Title: Navigation bar vertically
Post by: bestcons on June 26, 2012, 23:16:29 PM
The navigation bar of my website (e.g. http://www.dedecanije.nl/index.php/component/virtuemart/boekenoverzicht) with VM 2.0.6 appears vertically, both at the top and at the bottom, as shown in the attachment. Search results in Joomla 2.5.4 are presented in the usual horizontal way. I use Beez5 as Joomla template.
Any suggestions?
Regards,
bestcons

[attachment cleanup by admin]
Title: Re: Navigation bar vertically
Post by: cabbie on July 19, 2012, 12:24:34 PM
I am experiencing the same issue. When using another template the pagination is shown correctly in a horizontal way.

Is there another way to fix it except changing the template?

I'm currently using Joomla 2.5.6 with Virtuemart 2.0.8e
Title: Re: Navigation bar vertically
Post by: ivus on July 19, 2012, 13:22:09 PM
Hi cabbie,


Without being able to see your actual site all I can suggest is the following:
It seems as simple as that. To help you out, try and paste the following style into the template that is broken.



/* ++++++++++++++  pagination  ++++++++++++++ */

#main .pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;
        clear:both;

}

#main .pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:left;
}

#main .pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 0px #eee;
        margin:0 2px
}

.pagenav
{padding:2px; clear: both;}

#main .pagination li.pagination-start,
#main .pagination li.pagination-next,
#main .pagination li.pagination-end,
#main .pagination li.pagination-prev
{border:0}

#main .pagination li.pagination-start ,
#main .pagination li.pagination-start  span
{
padding:0

}
p.counter
{
        font-weight:bold;
}



I hope this helps.
Title: Re: Navigation bar vertically
Post by: bestcons on July 19, 2012, 14:35:50 PM
I found out that if I set via the Virtuemart Control panel in Configuration and the Template tab -> Use the CSS of Virtuemart, I have a horizontal navigation.
That confirms that it indeed is a template matter.
Problem solved.
Regards,
bestcons