Menu icon Foundation

Developer | bangalore

My Posts



  • 1
    Reply
  • How can i customized tab.

    By rohitya

    tab inside tab

    hi How can i make this space between the tabs and left right 10px exactly like above picture and customized tabs look like picture. when mouse over and active condition there arrow will be there . and you can find my code also. when i give paddin... (continued)

    Last Reply by Alexander Assimidis about 5 years ago




  • 6
    Replies
  • Why Off-Canvas is functioning properly

    By rohitya

    offcanvas

    Hi, Please somebody help me out . why off-canvas is taking so much space when i click menu icon it's drag and when you pull left side offcanvas it's taking so much space it's not functioning properly please help me out. here i mention live ur... (continued)

    Last Reply by rohitya about 5 years ago


  • 1
    Reply
  • unnecessary space between slider and tab

    By rohitya

    space

    Hi how can i remove that space i already used position but in position footer messed here is the url :- http://106.51.251.174/rohit/test-dd/ you can find live demo. please rectify this issue. only remove that space is there anything else so i can remove .

    Last Reply by Rafi Benkual about 5 years ago





My Comments

rohitya commented on rohitya's post about 5 years

Hi,

Please somebody help me out i stuck with that

i can't do anything .. please

thanks .

rohitya commented on rohitya's post about 5 years

Hi Wing-Hou Chan,

thanks for giving valuable feed back.

i did as you told me but still i am facing same issue.

thank you so much.

rohitya commented on rohitya's post about 5 years

Hi Wing-Hou Chan,

thanks so much for giving feedback.

And i want to tell you that when you click on menu icon all the menu it's or offcanvas slide perfectly but when offcanvas it's comes then hold your thumb there and drag then space will automatically comes. i tested on my SAMSUNG tab, iphone-4 ,sony xperia L and Mini pro also samsung galaxy-2

same error coming. and i have another demo page it's perfect but when i copied that page in my
work-space that same error will coming.

you can find out another perfect off-canvas working . and when i am implementing same ui
i can't get exactly what i mistken in my code

and in desktop i'ts working fine. but in mobile having issue

this demo url working good:-

http://106.51.251.174/rohit/test5/

this is not working properly

http://106.51.251.174/rohit/test3/movi.html

in above url's 1st one url it's working awesome but second having issue i can't rectifying where is the error comes or where i mistaken.

please help me out.

thansk.

rohitya commented on rohitya's post about 5 years

HI Rafi,

please help me.

i stucked. that hover menu thing , as you told me i explained what is the requirement. above.

thanks.

rohitya commented on Carlos Diaz's post about 5 years

HI Wing-Hou Chan,

thank you so much for helping me out..

rohitya commented on Carlos Diaz's post about 5 years

Hi Rafi,

As you mentioned, i followed this url :- http://zurb.com/playground/foundation-icon-fonts-3 or these http://zurb.com/playground/social-webicons

and i downloaded webicons and after unzip

how to install or i think i have to paste that folder in css folder

and call this stylesheet on the page.

am i doing right,

Please help me .

rohitya commented on rohitya's post about 5 years

Hi Rafi,

I hope you have checked live url :- http://106.51.251.174/rohit/test-dd/

here i mention my code also.

what exactly i want you have showed on the above picture.

when i am doing 1st column it's perfect 2nd column i want 2 list and same as 3rd columns but in both of them ul is not coming parallel.
and in small screen that movie poster column must be disappear.

where i mistaken.

thanks so much for keep helping me out.

<div class="large-7 medium-7 columns show-for-medium-up ">
                        <div class="main-menu clearfix">
                          <ul>
                            <li> <a href="#">Live TV</a> </li>
                            <li> <a href="#" data-dropdown="movies-dropdown" data-options="is_hover:true">Movies</a> </li>
                            <li><a href="#">Videos </a> </li>
                            <li><a href="#"> TV Shows</a></li>
                          </ul>

                        </div>
                    </div>

                  <div class="large-12 ">
                    <div class="dropdown-pos-fix">
                          <div id="movies-dropdown" class="f-dropdown main-menu-popover show-for-medium-up"  data-dropdown-content >

                              <div class="large-12 medium-12 small-12 columns ">
                                  <div class="row">
                                        <div class="main-menu-list large-3 medium-4 columns menu-dropdown-container  ">
                                          <h6>MOVIE VISITED</h6>
                                          <ul class="right-side-border">
                                            <li><a href="#">NEW</a></li>
                                            <li><a href="#">POPULAR</a></li>
                                            <li><a href="#">ALL TIME HITS</a></li>
                                            <li><a href="#">FREE MOVIES</a></li>
                                            <li><a href="#">ALL MOVIES</a></li>
                                          </ul>
                                        </div>
                                        <div class="main-menu-list large-2 medium-4 columns">
                                          <h6>MOVIE BY GENRE</h6>
                                          <ul>
                                           <li><a href="#">ACTION</a></li>
                                           <li><a href="#">THRILLER</a></li>
                                           <li><a href="#">SUSPENSE</a></li>
                                           <li><a href="#">HORROR</a></li>
                                           <li><a href="#">CRIME</a></li>
                                          </ul>
                                          <ul class="right-side-border">
                                            <li><a href="#">DRAMA</a></li>
                                            <li><a href="#">COMEDY</a></li>
                                            <li><a href="#">ROMANTIC</a></li>
                                            <li><a href="#">FOR KIDS</a></li>
                                            <li><a href="#">FAMILY</a></li>
                                          </ul> 
                                        </div> 
                                        <div class="main-menu-list  large-5  medium-12 columns show-for-large-up">
                                          <h6>OFFERS ON TV</h6>
                                          <ul>
                                            <li><a href="#"><img src="img/moviPoster_menu.png" alt="movie poster"></a></li> 
                                          </ul>
                                          <ul>
                                            <li><a href="#">Milkha</a></li>
                                            <li><a href="#">POPULAR</a></li>
                                            <li><a href="#">ALL TIME HITS</a></li>
                                            <li><a href="#">FREE MOVIES</a></li>
                                            <li><a href="#">ALL MOVIES</a></li>
                                          </ul>
                                        </div>
                                  </div>
                              </div>

                          </div>
                    </div>

                  </div>

rohitya commented on rohitya's post about 5 years

Hi Rafi,

thank you so much..

rohitya commented on rohitya's post about 5 years

Hi,

one more question about popup hover in menu.

it's not happening like that i want.

here is the url you can check on navigation menu items.

http://106.51.251.174/rohit/test-dd/index.html

earlier i mention that what i exactly want.

help me

thanks

rohitya commented on rohitya's post about 5 years

Hi Rafi

Thanks you so much. i really appreciated.

it's really helpful.

Posts Followed

No Content

Following

Followers

My Posts

My Comments

You commented on rohitya's post about 5 years

Hi,

Please somebody help me out i stuck with that

i can't do anything .. please

thanks .

You commented on rohitya's post about 5 years

Hi Wing-Hou Chan,

thanks for giving valuable feed back.

i did as you told me but still i am facing same issue.

thank you so much.

You commented on rohitya's post about 5 years

Hi Wing-Hou Chan,

thanks so much for giving feedback.

And i want to tell you that when you click on menu icon all the menu it's or offcanvas slide perfectly but when offcanvas it's comes then hold your thumb there and drag then space will automatically comes. i tested on my SAMSUNG tab, iphone-4 ,sony xperia L and Mini pro also samsung galaxy-2

same error coming. and i have another demo page it's perfect but when i copied that page in my
work-space that same error will coming.

you can find out another perfect off-canvas working . and when i am implementing same ui
i can't get exactly what i mistken in my code

and in desktop i'ts working fine. but in mobile having issue

this demo url working good:-

http://106.51.251.174/rohit/test5/

this is not working properly

http://106.51.251.174/rohit/test3/movi.html

in above url's 1st one url it's working awesome but second having issue i can't rectifying where is the error comes or where i mistaken.

please help me out.

thansk.

You commented on rohitya's post about 5 years

HI Rafi,

please help me.

i stucked. that hover menu thing , as you told me i explained what is the requirement. above.

thanks.

You commented on Carlos Diaz's post about 5 years

HI Wing-Hou Chan,

thank you so much for helping me out..

You commented on Carlos Diaz's post about 5 years

Hi Rafi,

As you mentioned, i followed this url :- http://zurb.com/playground/foundation-icon-fonts-3 or these http://zurb.com/playground/social-webicons

and i downloaded webicons and after unzip

how to install or i think i have to paste that folder in css folder

and call this stylesheet on the page.

am i doing right,

Please help me .

You commented on rohitya's post about 5 years

Hi Rafi,

I hope you have checked live url :- http://106.51.251.174/rohit/test-dd/

here i mention my code also.

what exactly i want you have showed on the above picture.

when i am doing 1st column it's perfect 2nd column i want 2 list and same as 3rd columns but in both of them ul is not coming parallel.
and in small screen that movie poster column must be disappear.

where i mistaken.

thanks so much for keep helping me out.

<div class="large-7 medium-7 columns show-for-medium-up ">
                        <div class="main-menu clearfix">
                          <ul>
                            <li> <a href="#">Live TV</a> </li>
                            <li> <a href="#" data-dropdown="movies-dropdown" data-options="is_hover:true">Movies</a> </li>
                            <li><a href="#">Videos </a> </li>
                            <li><a href="#"> TV Shows</a></li>
                          </ul>

                        </div>
                    </div>

                  <div class="large-12 ">
                    <div class="dropdown-pos-fix">
                          <div id="movies-dropdown" class="f-dropdown main-menu-popover show-for-medium-up"  data-dropdown-content >

                              <div class="large-12 medium-12 small-12 columns ">
                                  <div class="row">
                                        <div class="main-menu-list large-3 medium-4 columns menu-dropdown-container  ">
                                          <h6>MOVIE VISITED</h6>
                                          <ul class="right-side-border">
                                            <li><a href="#">NEW</a></li>
                                            <li><a href="#">POPULAR</a></li>
                                            <li><a href="#">ALL TIME HITS</a></li>
                                            <li><a href="#">FREE MOVIES</a></li>
                                            <li><a href="#">ALL MOVIES</a></li>
                                          </ul>
                                        </div>
                                        <div class="main-menu-list large-2 medium-4 columns">
                                          <h6>MOVIE BY GENRE</h6>
                                          <ul>
                                           <li><a href="#">ACTION</a></li>
                                           <li><a href="#">THRILLER</a></li>
                                           <li><a href="#">SUSPENSE</a></li>
                                           <li><a href="#">HORROR</a></li>
                                           <li><a href="#">CRIME</a></li>
                                          </ul>
                                          <ul class="right-side-border">
                                            <li><a href="#">DRAMA</a></li>
                                            <li><a href="#">COMEDY</a></li>
                                            <li><a href="#">ROMANTIC</a></li>
                                            <li><a href="#">FOR KIDS</a></li>
                                            <li><a href="#">FAMILY</a></li>
                                          </ul> 
                                        </div> 
                                        <div class="main-menu-list  large-5  medium-12 columns show-for-large-up">
                                          <h6>OFFERS ON TV</h6>
                                          <ul>
                                            <li><a href="#"><img src="img/moviPoster_menu.png" alt="movie poster"></a></li> 
                                          </ul>
                                          <ul>
                                            <li><a href="#">Milkha</a></li>
                                            <li><a href="#">POPULAR</a></li>
                                            <li><a href="#">ALL TIME HITS</a></li>
                                            <li><a href="#">FREE MOVIES</a></li>
                                            <li><a href="#">ALL MOVIES</a></li>
                                          </ul>
                                        </div>
                                  </div>
                              </div>

                          </div>
                    </div>

                  </div>

You commented on rohitya's post about 5 years

Hi Rafi,

thank you so much..

You commented on rohitya's post about 5 years

Hi,

one more question about popup hover in menu.

it's not happening like that i want.

here is the url you can check on navigation menu items.

http://106.51.251.174/rohit/test-dd/index.html

earlier i mention that what i exactly want.

help me

thanks

You commented on rohitya's post about 5 years

Hi Rafi

Thanks you so much. i really appreciated.

it's really helpful.

Posts Followed

No Content

Following

Followers

  • No Content