Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#196046

http://217.199.187.59/tecsa.com/joomla2

I have added a custom_html module in secnav 3 position with a tag for a youtube video. Allvideos plugin is installed and tags work in normal content. How do I,

1. Get a video to appear in the drop down window, and
2. Change the Ikon to a video Ikon rather than quotes?

I have tried changing Ikons from here http://fontawesome.io/3.2.1/icons/ but without success.

e.g. </i> icon-facetime-video

CORRECTION: Module position I used is secnav 2

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527732

1. Video Icon

Changed in this file : template/ja_teline_iv_t3/tpls/blocks/mainnav.php

In this page i have added this code icon-facetime-video

2. You tube video Fix

I have inserted this code instead of yours <p>{youtube}aU4plDHuAMo{/youtube}</p>

<iframe width=”477″ height=”268″ src=”//www.youtube.com/embed/aU4plDHuAMo” frameborder=”0″ allowfullscreen></iframe>

Everything works fine, please check and confirm

1 user says Thank You to chavan for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#527745

Many thanks, Chavan.

I have noticed that Chrome and Firefox behave differently when clicking outside the video window, but I guess that is outside our control. With Chrome the video continues running, with Firefox it stops. I prefer Firefox behavior.

BTW I changed the video to something funnier 🙂

https://www.youtube.com/watch?v=Go9rf9GmYpM

In tablet view (see below) 2 of the ikons disappear to be replaced by black squares, but they still function, except for the language switcher.

What else needs adding/editing to maintain the ikons in mobile/tablet views?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527763

1. For the icon issue:

Go to this File: /templates/ja_teline_iv_t3/css/template-responsive.css

Replace this code


.t3-mainnav .nav li.dropdown > .dropdown-toggle {
background-color: #000;
}


with


.t3-mainnav .nav li.dropdown > .dropdown-toggle {
background:none;
}


2. For the video: I’m still checking it

1 user says Thank You to chavan for this useful post

1. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#527895

CSS edit is perfect, works a treat.

Although the language switcher flags appear on dropdown, they don’t appear to change language on my N7 Android tablet.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527959

i have checked it, the language switcher works perfectly, can you please check again.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528020

<em>@Chavan 417961 wrote:</em><blockquote>i have checked it, the language switcher works perfectly, can you please check again.</blockquote>

I can’t get to any language but English on my Android N7 tablet. Also some headlines on Homepage (JA News Pro) are clipped in landscape. Scroll down.

How to fix?

[Author]

Posts