menu problem

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Oct 23, 2013 7:57 pm
Reply with quote
Report this post
Hello

I have a site http://www.skomager.dk and desktop view is perfect. But when i go down to mobil its perfect. But when i go down betwen mobil and desktop there is a problem. Tablet no menu.

I will like the mobil to show all the way up to desktop version.
How do i do that?
User avatar
Fresh Boarder

GK User
Wed Oct 23, 2013 9:30 pm
Reply with quote
Report this post
Have You made any changes to css files?
User avatar
Moderator

GK User
Wed Oct 23, 2013 9:32 pm
Reply with quote
Report this post
No.
User avatar
Fresh Boarder

GK User
Wed Oct 23, 2013 9:37 pm
Reply with quote
Report this post
http://www.skomager.dk/sko.jpg

So you can se mobil will not show in tablet.
User avatar
Fresh Boarder

GK User
Wed Oct 23, 2013 9:40 pm
Reply with quote
Report this post
Please edit: /templates/gk_fashion/css/override.css and add at its end:
Code: Select all
@media (max-width: 932px) {
   #gkPageWrap {
      padding-top: 64px;
   }

   #gkExtraMenu {
      display: block !important;
   }
   
   #gkMainMenu {
      clear: both;
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100% !important;
      background: #fff;
      border-bottom: 1px solid #ddd;
      height: 45px;
      margin: 0 !important;
      line-height: 47px;
      text-indent: 20px;
      font-size: 20px;
   }
   
   #gkMainMenu select {
      width: 85%;
      height: 45px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
   }
   
   #gkMobileMenu {
      position: relative;
   }
   
   #gkTabletMenu {
      top: 10px;
      right: 20px;
   }
   
   #gkPageContent > #gkInset.visible {
      top: 30px;
      right: 16px !important;
   }
   
   #gkMobileMenu {
      display: block !important;
      clear: both;
      width: 100%;
   }
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Oct 23, 2013 9:46 pm
Reply with quote
Report this post
Thx. :D That works.
User avatar
Fresh Boarder

GK User
Wed Oct 23, 2013 10:05 pm
Reply with quote
Report this post
If You will have any other questions, feel free to post new forum threads.
User avatar
Moderator

GK User
Wed Oct 23, 2013 10:05 pm
Reply with quote
Report this post
I do so :D
User avatar
Fresh Boarder

GK User
Thu Oct 24, 2013 9:37 am
Reply with quote
Report this post
One more thing.

Can you make so that you see the desktop version on all devices?
User avatar
Fresh Boarder

GK User
Thu Oct 24, 2013 2:50 pm
Reply with quote
Report this post
The easiest way would be to edit:
Templates/gk_fashion/lib/framework/helper.layout.php
and comment those two lines:
Code: Select all
//$this->API->addCSS($this->API->URLtemplate() . '/css/tablet.css','text/css','(max-width: '.$min_content_width.'px)');
//$this->API->addCSS($this->API->URLtemplate() . '/css/mobile.css','text/css',' (max-width: 480px)');


(use // at their beginning).
User avatar
Moderator

GK User
Thu Oct 24, 2013 3:53 pm
Reply with quote
Report this post
Perfect.

but the to menu when i go down in size it still there.
User avatar
Fresh Boarder

GK User
Thu Oct 24, 2013 8:01 pm
Reply with quote
Report this post
I have done it.
User avatar
Fresh Boarder


cron