VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
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:2625
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.81 seconds

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.