Joomla Templates Club 406,261 posts

[Genius Marketing Friend Genius MarketingJoin date: November 2011Posts: 28Downloads:236Uploads:14 Thanks: 17]

#204536

Hi guys,

I need some hint howto create something like “second” call-toll-free position on the top header.

When I tried put more modules on call-toll-free position, first module is on the top, second under first, third under second, but I want every modules on call-toll-free position in one line, side by side, how to do it? There is some free place. 🙂

First module with position “call-toll-free” is language switcher, second is search products and third is shopping cart.

Could you help me? Thank you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#562612

Your question was a little difficult to understand.

Perhaps a screenshot mock-up and URL site of what it is you are wanting to accomplish?

1 user says Thank You to Ninja Lead for this useful post

1. Genius Marketing

[Genius Marketing Friend Genius MarketingJoin date: November 2011Posts: 28Downloads:236Uploads:14 Thanks: 17]

#562984

normal view call-toll-free position on top right of head

and I want something like this:

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563209

<em>@sephyrka 463264 wrote:</em><blockquote>normal view call-toll-free position on top right of head

and I want something like this: </blockquote>

If you give the URL of your site, maybe I will suggest the solution better than, but you can try to use my solution below

Open templates/ja_tiris/css/template.css file

find and change


#ja-toll-free {
float: right;
font-size: 92%;
}


to


#ja-toll-free {
float: right;
font-size: 92%;
width: 550px;
}


Once done to clear cache from admin area

1 user says Thank You to Ninja Lead for this useful post

1. Genius Marketing

[Genius Marketing Friend Genius MarketingJoin date: November 2011Posts: 28Downloads:236Uploads:14 Thanks: 17]

#563407

<em>@Ninja Lead 463593 wrote:</em><blockquote>If you give the URL of your site, maybe I will suggest the solution better than, but you can try to use my solution below

Open templates/ja_tiris/css/template.css file

find and change


#ja-toll-free {
float: right;
font-size: 92%;
}


to


#ja-toll-free {
float: right;
font-size: 92%;
width: 550px;
}


Once done to clear cache from admin area</blockquote>

thank you, something is change, but … look here, this is after adding “width:550px”

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563509

In this case, I need to check that problem directly on your site, please pm me URL of your site and admin login, I will help you out.

1 user says Thank You to Ninja Lead for this useful post

1. Genius Marketing

[Genius Marketing Friend Genius MarketingJoin date: November 2011Posts: 28Downloads:236Uploads:14 Thanks: 17]

#563729

thank you, everything is in PM.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#563868

<em>@sephyrka 464269 wrote:</em><blockquote>thank you, everything is in PM.</blockquote>

I fixed the problem directly on your site with the solution below

Open templates/ja_tiris/css/template.css file and add new rule


#ja-toll-free .mod-languages {
float: left !important;
}

#ja-toll-free .vmCartModule.shopping-cart {
float: left !important;
}

#ja-toll-free {
width: 370px !important;
}


---

Attachments:

1. 

1 user says Thank You to Ninja Lead for this useful post

1. Genius Marketing

[Genius Marketing Friend Genius MarketingJoin date: November 2011Posts: 28Downloads:236Uploads:14 Thanks: 17]

#564094

Thank you. It is good solution, there is some change, but it looks differently than I wanted:
After adding your new rule it looks like this:

I reorder modules for toll-free, languages must be absolutely rights. But after reordering, language switcher is in second row.
and than I adding rule float right in:

#ja-toll-free {
width: 370px !important;
float: right;
}
I tried change “width”, but there can be everything from 0px to 1000px and it looks same. There is some free space on right, but it isn’t enough for language switcher and than it is in second row?

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#564173

I just fixed it directly on your site again

Open templates/ja_tiris/css/template.css file and with css style below


#ja-toll-free .mod-languages {
float: left !important;
}
#ja-toll-free .vmCartModule.shopping-cart {
float: left !important;
padding-left: 5px;
}
#ja-toll-free {
width: 370px !important;
}
#ja-toll-free form {
float: left !important;
padding-left: 5px;

}


1 user says Thank You to Ninja Lead for this useful post

1. Genius Marketing

[Author]

Posts