Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

there is a strange issue on the search on small devices on smartaddon demo site
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: there is a strange issue on the search on small devices on smartaddon demo site

there is a strange issue on the search on small devices on smartaddon demo site 7 years, 5 months ago #29979

hi
the problem is on your deome site and allso on my site on small screens .
the problem is the search input is not show the text .
see this video to understand what is it exactly :

i think that the problem is because this code ::
---------------------------------
#search .sjk2-search.sjk2-search-open, #search .no-js .sjk2-search {
width: 1000px;
}
---------------------------------
you limit the same size for all screens ,

see this video to understand the problem (from your demo) :
youtube :
[video]https://www.youtube.com/watch?v=ZJEQDyVlHaw&feature=youtu.be[/video]

facebook : (use high quality on facbook player)
www.facebook.com/100013587437426/videos/vb.100013587437426/179505155845731/?type=2&theater&notif_t=video_processed&notif_id=1479850494201490

need fix .
thanks .
Last Edit: 7 years, 5 months ago by sofian10.

Re: there is a strange issue on the search on small devices on smartaddon demo site 7 years, 5 months ago #29995

  • thuygtn
Dear sofian,

Please go to the file /templates/sj_news_ii/css/template-red.css and find:
#yt_menuwrap #search {
position: absolute;
z-index: 99;
border-top: 1px solid rgba(0,0,0,0.2);
padding: 0;
right: 0;
bottom: 0;
}
=> Edit to:
#yt_menuwrap #search {
position: absolute;
z-index: 99;
border-top: 1px solid rgba(0,0,0,0.2);
padding: 0;
right: 0;
bottom: 0;
width: 83%;
}
-----------------
and add the code:
#yt_menuwrap #search .module {width: 100%;}
-----------------
and find:
#search .sjk2-search.sjk2-search-open,
#search .no-js .sjk2-search {
width: 1000px;
}
=> Edit to:
#search .sjk2-search.sjk2-search-open,
#search .no-js .sjk2-search {
width: 100%;
}
Please go to the file templates/sj_news_ii/css/your_css.css and find the code:
@media (max-width: 480px) {
#search .sjk2-search.sjk2-search-open, #search .no-js .sjk2-search {
width: 480px;
}
}
=> Edit to:
@media (max-width: 480px) {
#search .sjk2-search.sjk2-search-open, #search .no-js .sjk2-search {
width: 100%;
}
#yt_menuwrap #search {width: 100%;}
}

Thanks

Re: there is a strange issue on the search on small devices on smartaddon demo site 7 years, 5 months ago #30000

hi
can you tell me what is the media size that the small screen's menu display :
see this image :
scontent.fhfa2-1.fna.fbcdn.net/v/t1.0-9/15178211_179655192497394_4900911652393228582_n.jpg?oh=adb6de0faad879b8f3d18d238a7cc298&oe=58B6BF6C

in other words :
from wich screen size start disply this menu ?

Re: there is a strange issue on the search on small devices on smartaddon demo site 7 years, 5 months ago #30116

  • usersmart1
  • OFFLINE
  • Moderator
  • Posts: 1364
  • Karma: 20
Dear sofian10,

Reponsive menu will be display on media from 979 px to small device.

Thanks & regards!

Re: there is a strange issue on the search on small devices on smartaddon demo site 7 years, 5 months ago #30123

thanks
  • Page:
  • 1
Time to create page: 0.25 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes