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
Hi,Edit settings
New Forum Posts0
Private Messages
Account details

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.

Show More
Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Register for free
joomfreak.com Support Forum
Categories
Joomla Templates
JF Muoti

Increase the size of module position: Top-bar
(1 viewing) (1) Guest
Reply Topic
New Topic
  • 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.
Reply Quote

  • 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?
Reply Quote

  • 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
Reply Quote

  • Posts:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0
Reply Topic
New Topic
  • Page:
  • 1
joomfreak.com Support Forum
Categories
Joomla Templates
JF Muoti
Time to create page: 0.64 seconds
Thursday 25 April 2024

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.