fbpx
Welcome, Guest
Username: Password: Remember me

You can build one page sites with Astroid

Did you know that you can build one page website web Astroid, without using any 3rd party extension

Watch the tutorial
  • Page:
  • 1
  • 2

TOPIC: (SOLVED) Topbar hight and location icon

Topbar hight and location icon 6 months 1 week ago #10359

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi,

I would like to show my location and phone number in the top bar.
In Helix 3 under "personal information" I added my phone number and location. And set module position to "top1" For some reason only my phone number is shown. In Helix 3 it also says "HELIX_CONTACT_LOCATION" that looks a little bit weird. Please see the attached picture.

Also the hight of the topbar is to high. I would like it the same hight as it is in the demo of astroid. I also attached a picture of it.

Thanks for your help!
Sam
Attachments:
Last Edit: 6 months 1 week ago by SaMILE.
The administrator has disabled public write access.

Topbar hight and location icon 6 months 1 week ago #10379

  • nishtha
  • nishtha's Avatar
  • Offline
  • Administrator
  • Posts: 324
  • Thank you received: 36
  • Karma: 7
Hi,
Thanks for the query, in Helix 3 backend we don't provide the location section so for that you need to create a different module and give it the topbar position where you want to display it.
And to reduce the height of the top bar go to: template folder > jd_dallas >less > custom.less

#sp-top-bar {
padding: 8px 0;
background: #1a1c27;
}

Thanks,
Nishtha
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10702

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Great! Thank you.
Changing the padding of the top bar worked in parts. For some reason the padding below the module is greater that the one above.
I changed the #sp-top-bar padding to 5px 0;

I also disabled the contact information in Helix 3 and added a SP Page Builder module with 2 columns (6+6) and a feature box in each column. For some reason one of the feature box does a line break. I tired to shorten the address, but the it does a break in the phone number. It only works of both phone number and address have the same length. How do I change that?

In included a picture of the top bar.
Thanks for your help
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10733

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello,

Can you provide a link to your site?
Are you able to share the FTP & Joomla backend of your Joomla site? if so, please email This email address is being protected from spambots. You need JavaScript enabled to view it..

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10758

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi, yes I can provide a link to the website.
It's t1p.de/th6t
Cheers, Sam
Last Edit: 5 months 2 weeks ago by SaMILE.
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10760

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello,
Please for the following steps:

1 Go to Extensions\template\style\default template\Layout
www.screencast.com/t/HMb1IOYI

2 Go to Extensions\template\style\default template\basic
www.screencast.com/t/QcY3kXYGIR1

3 Publish module in top 1 and top 2

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10780

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Hi Mukesh,
thanks for the quick reply. :)

Unfortunalety that doesn't fix the problem. If I just activate the contact information module the top bar has the right hight. However I also need my address in the top bar. Also, I don't want to have social media buttons in the top bar.

Since the location section is not provided in the Helix3 backend, I need to add it some other way. Nishtha said that I should add a different module for that. Which module would you suggest?

Or is it possible to change the icon and deactivate the link for one contact information. For example mobile. If I could chance the mobile icon to the location icon and deactivate the link, I could insert my address in the mobile field.

If the top bar would look like in the picture it would be perfect.

Thanks for your help!
Attachments:
The administrator has disabled public write access.

Topbar hight and location icon 5 months 3 weeks ago #10809

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2881
  • Thank you received: 460
  • Karma: 73
Hello,

You can easily remove the link through the contact.php file

Path: TEMPLATENAME/feature/contact.php

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
The following user(s) said Thank You: SaMILE

Topbar hight and location icon 5 months 3 weeks ago #10875

  • SaMILE
  • SaMILE's Avatar
  • Offline
  • Senior Member
  • Posts: 48
  • Thank you received: 1
  • Karma: 0
Great thank you! That worked.

I changed the icon and removed the "tel:" link.
Then I added a url like this:

if($this->helix3->getParam('contact_time')) $output .= '<li class="sp-contact-time"><i class="fa fa-home" aria-hidden="true"></i><a href="www.joomdev.com'. $this->helix3->getParam('contact_time') .'">' . $this->helix3->getParam('contact_time') . '</a></li>';

It works but of course it doesn't open the url in a new tab. Is there any way to do that?

Thanks, Sam
The administrator has disabled public write access.

Topbar hight and location icon 5 months 2 weeks ago #10880

  • admin
  • admin's Avatar
  • Online
  • Administrator
  • Posts: 2561
  • Thank you received: 391
  • Karma: 79
To open URL in the new tab, add target_blank to the <a> tag like below:
if($this->helix3->getParam('contact_time')) $output .= '<li class="sp-contact-time"><i class="fa fa-home" aria-hidden="true"></i><a target="_blank" href="www.joomdev.com'. $this->helix3->getParam('contact_time') .'">' . $this->helix3->getParam('contact_time') . '</a></li>';
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.198 seconds

JD Builder - The Next Generation
Joomla Page Builder


Now Design any Layout with Drag and Drop Interface.