Tablet View

Hi, i saw that from tablet view the template is not showing in a good way.
In particular, widget goes at bottom of page but width is not 100%.
Did u see that?
How can i solve this?
thanks

Hi,
Could you please provide me with a URL to your site with this issue visible, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Hi, this is ur demo site if i restrict the browser size like in a tablet http://postimg.org/image/g8qqc8tbp/

It's because of different height of the widgets (search widget height is much smaller than the menu widget on the right). You can change the widgets, you can also disable responsive view, please check this article:
https://www.gavick.com/blog/responsive- ... ess-themes

which css class could i use in order to disable the widget from tablet view but maintaining enabled from smartphone view?
thanks

You can use widget rules, please check this article:
https://www.gavick.com/documentation/wo ... dget-rules

yes i saw that rules. but is not possible to set "desktop and smartphone" excluding only tablet? The only workaround could be copy the widget (one for smartphone and one for desktop ?

You can use media queries and simple css rule: display: none to hide your widget only on tablets.
Please add i.e. "show-on-tablets" css custom class to your widget (in widget rules).

Now, using media queries, you can hide this widget on specific screen widths, i.e:

Code: Select all

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .show-on-tablets {
       display: none;
    }
}


https://css-tricks.com/snippets/css/med ... d-devices/

thanks!

ok that's work... i have finally 2 questions:

1) I disabled all widget, but i would not like to disable the footer menu "Shop, Customer Care, Our Policies,...". This from tablet goes on 1 column..how could be possible to maintain it horizontally?

2) I remove all filter widget..do u have idea how could i just show one button (sure only for tablet) that open filter on popup?
Thanks

Regarding the first issue, could you send me direct URL to your site with this widget visible?

Unfortunately I'm not sure how you can add the second feature with popup button, generally it requires modifications, which are beyond our technical support.

Hi, this is from ur demo: http://postimg.org/image/fvog1kan1/

You'll have to remove css from css/mobile.css file, if you don't want to display it like on the screenshot.
I'm not sure which rule, but please check the rules with property width: 100% or width: 100%!important - these rules are for all widgets.

Try to remove this fragment:

Code: Select all

body .gk-columns[data-column-count="2"] > div,
body .gk-columns[data-column-count="3"] > div,
body .gk-columns[data-column-count="4"] > div {
   padding-bottom: 20px!important;
   width: 100%!important;
}