Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1090175

Hi there,

I have tried to add an additional Block above my Main-nav ‘Menu’ so I can have a contact number etc.

But I have followed the instructions provided by ‘charles99‘ in this post: link and I’ve also tried both top-bar and topbar files from the Healthcare & Uber template and neither are working.

I have also added the additional lines below, to to both the default.php & templateDetails inside my templates folder – see attached screenshots of files and nothing seems to be working!!

<?php $this->loadBlock(‘topbar’) ?>

acm-topbar

Please help!

• This topic was modified 6 years, 2 months ago by  Ch1vpH.
• This topic was modified 6 years, 2 months ago by  Ch1vpH.
• This topic was modified 6 years, 2 months ago by  Ch1vpH.

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090242

Hi,

Did you try to load that topbar block into this layout? root/templates/ja_brickstore/tpls/fullwidth.php

Or share me the credentials of your site: URL, Admin + FTP account so I can check for you.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1090365

Ok great thats working thanks!

One thing that I’m trying to do now though is make to sticky/fixed at the same pixels my normal menu is!

I’ve tried to copy the same code that makes my Main Menu sticky down to 1280px but the new toolbar I’ve added it this topbar position doesn’t work – please see the live page here: https://ri2k.london/my-account

`

@media (max-width: 1280px)
{
.ovmt-wrapper {
padding-left: 96px;
padding-right: 96px;
z-index: 9999;
width: 100%;
position: fixed;
background: #ffffff;
border-bottom:1px solid #eaeaea

}

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090490

You can try this tweak:

@media (min-width: your_desired_width_here) {
  .ovmt-wrapper {
    position: fixed;
    width: 100%;
    z-index: 10000;
  }
}

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1090911

Hi there – That’s great I’ve added a bit on padding here and there so it now works well!

The only problem now though is that I cannot seem to fix an issue with my JA Promo Bar’s ‘Control Button’ which is being covered by my new toolbar after the set amount of pixels of 1280px, that is the same number of pixels that the fixed/sticky menu comes in to effect though!

Is there a way to have the Promo Bar’s ‘Control Button appear on-top of my new toolbar??

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1090932

Hi,

Could you change the position of the promobar module to the same position as the top bar? Because, it seems to be assigned to masthead which appears behind the topbar block.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1091257

Hi there,

I’ve tried that option (which should have occured to be beforehand) but even with the PromoBar as ‘ordering’ position 1 and then my toolbar set to ‘ordering’ position 2 (while both set to the new top-bar) the ‘Control Button’ still seems to disappear behind my new ‘toolbar’ module after clicking the hide up arrow?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1092817

Hi,

Kindly share the credentials of your site, I will take a look.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1093314

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1093407

Hi,

I updated this custom CSS code into the custom.css file on your site:

.ja-promo-bar {
  z-index: 99999 !important;
}

The promobar is showing on top now.

Kindly check.

1 user says Thank You to Saguaros for this useful post

1. Ch1vpH

[Author]

Posts