Changes to Navbar - 2.3.4BS

[Mort-lemur]

I have been trying to make some changes to the navbar to move the righthand side links slightly to the left to accomodate some social share icons as per the attached screenshot - but every cahnge I attempt to make to the navbar template ends in disaster.

 

Any suggestions would be appreciated.

 

Many Thanks

 

 

[burt]

Coud you post the code you've done so far ?

 

If I wanted to add links to the standard navbar (far right as shown in your image), I'd start off with this (in /includes/modules/content/navigation/templates/navbar.php):

 

Find:

 

 

        </ul>
      </div>
    </div>
  </div>
</nav>

Change to:

 

          <li>social icons here</li>
        </ul>
      </div>
    </div>
  </div>
</nav>

[Mort-lemur]

@@burt hi Gary

 

The navbar as shown is the standard navbar with no changes - the social buttons are an overlay added by the add-this system which just a few lines of code added to the template_bottom.php file

 

Hence the reason I just need to move the existing links a few places to the left so that the overlay is not overlaid on top.

[ArtcoInc]

@@Mort-lemur

 

Would this work ?

 

Find:

 97.         </ul>
 98.       </div>
 99.     </div>
100.   </div>
101. </nav>

Change to:

          <li> </li>
          <li> </li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Malcolm

[♥mattjt83]

@@Mort-lemur

 

So did you actually have to amend the navigation.php template file or does the addon simply use javascript to place the icons up there?

 

Maybe post some code so we can see what is going on....

[Mort-lemur]

@@ArtcoInc Hi Malcolm, Thanks for the suggestion, but to move everything enough to the left I need to use this:

          <li>                    </li>

which I dont like having to do as its a messy solution.

 

@@mattjt83 Hi Matt, no code changes required to the nav-bar. The code is added by a dozen or so lines calling up the overlay in template_bottom.php

[burt]

I (personally) would not use code that forces me to make my site fit their needs...

That seems like they are saying "jump", and you're saying "how high".

 

Can you make it a side banner?

[♥mattjt83]

OK, I had a feeling that is how they were making you do it.  I would suggest using a different one of their tools or finding a different solution all together.  I know that I have used one of the add-this addons before that allowed me to have the links on the top/left/right/bottom of the site according to my choosing.

 

Also, as much as I don't like the   solution...  Instead of that you could use an <li> with a class and add a heavy margin right to it.  I think it is not a good solution though as you will have to create a "magic number" for the margin and the appearance could change dramatically depending on viewport size

[Mort-lemur]

@@burt Hi Gary, Several things we (shop owners) like use on OSC require OSC to fit the needs of the required system... eg. Data sent to Google Base, Picture sizes and Naming convention for twitter product cards, callback routines for payment processors, responsiveness of sites to increase google positioning etc - all require some changes to the stock OSC, so we are all "jumping" as high as the respective masters dictate....

 

But aside from that I will look to see if there is a way to alter the add-this coding / setup to perhaps re-position the top "follow" buttons - as there is already a side bar for the likes / pinit / tweet functions and I (personally) like the way the system works and looks rather then the stock OSC social sharing features.

[burt]

Yes, I guess so - certain things need to be accommodated.