VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me

Increase the size of module position: Top-bar
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Increase the size of module position: Top-bar

Increase the size of module position: Top-bar 31 May 2018 22:13 #11033

Dear Joomfreak team,

Thanks first of all for making an awesome template. I have a question about increasing the width of the top-bar module position. After adding multiple links it just turned op distorted, one link below the rest as you can see on the image:

This image is hidden for guests. Please log in or register to see it.

I tried multiple stuff in template.css but I cant figure it out how to show them on one line... Is it possible to do?

I am running the latest of Joomla, on a localhost. Could someone please give me some pointers?

Thanks in advance.
Last Edit: 31 May 2018 22:14 by Mstar.

  • Posts:2
  • Mstar
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Increase the size of module position: Top-bar 04 Jun 2018 07:01 #11039

can it be done?

  • Posts:2
  • Mstar
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Increase the size of module position: Top-bar 05 Jun 2018 02:22 #11040

You can edit template file index.php, at line 386 you can see:
 
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-xs-6"></div>
<div class="col-xs-6 text-right">
<a class="top-menu-toggle visible-xs"><i class="fa fa-user"></i></a>
<div class="top-menu">
<!-- jdoc statement -->
</div>
</div>
</div>
</div>
</div>
 

modify to:
 
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-xs-12 text-right">
<a class="top-menu-toggle visible-xs"><i class="fa fa-user"></i></a>
<div class="top-menu">
<!-- jdoc statement -->
</div>
</div>
</div>
</div>
</div>
 


joomfreak

  • Posts:2767
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.82 seconds
Tuesday 16 July 2019

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.