menu problem

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?

Have You made any changes to css files?

No.

http://www.skomager.dk/sko.jpg

So you can se mobil will not show in tablet.

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.

Thx. That works.

If You will have any other questions, feel free to post new forum threads.

I do so

One more thing.

Can you make so that you see the desktop version on all devices?

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).

Perfect.

but the to menu when i go down in size it still there.

I have done it.