Footer menus in iPad

This topic has been marked as not resolved.

Hi! My footer menus, in iPad (portrait) aren’t showing as they should, even if in the configurations, it says that it should occupies 1/4 of the layout.

you can see it in http://precious2.agenciaesse.com.br

Thank you!

September 27, 2016 at 2:34 am #51471

Hi,

What is your tablet resolution?

Generally (unless set otherwise), columns are stacked for screens with screen width less than 769 pixels.

BR,
ThemeBurn team

October 1, 2016 at 12:15 am #51616

Hi,

iPad’s 2 is 1024×768.
When I open your theme demo in my iPad, it shows allright. But I can’t seem to find out why I can’t reproduce this behaviour in my site.

I’ve found another issue, more problematic, with iPad2 in iOS 6 Safari. The site appears as it was on an phone, and completely ignores the resolution of the tablet. And the fireslider won’t work as well.

Is there anything I can do for both of this issues?

Thanks.

October 1, 2016 at 12:35 am #51620

Hi,

1) 768 (tablet landscape) is considered as a mobile by Bootstrap, so being identical as on a phone is the correct behavior.

2) Unfortunately iOS 6 is not supported.

BR,
ThemeBurn team

October 3, 2016 at 11:44 pm #51688

Hi!

Ok for the iOS6, but in your demo.

Regarding the bootstrap, I fully understand that, as I used bootstrap for other sites as well, but when I open your Dark Demo in Themeforest using my iPad, the appearance is completely different from mine, specially in the menu area.

I noticed you’re using some different classes, that when I try to apply them, they simply won’t work.

I’ve attached some prints to example what I’m trying to say.

Thanks in advance,

Bruno.

October 9, 2016 at 11:25 pm #51888

Here’s the last printscreen taken from the iPad.

October 9, 2016 at 11:26 pm #51892

Hi,

Theme demo is a bit outdated. In the latest theme release, 768px or less is the mobile breakpoint. This means that all columns are stacked for for screen width of 768px and below.

BR,
ThemeBurn team

October 11, 2016 at 9:23 pm #52006

In fact you can easily change this breakpoint from catalog/view/theme/BurnEngine/template/tb/main.css.tpl. The only thins you need to edit is line 42:

$screen_sm               = 768;

BR,
ThemeBurn team

October 11, 2016 at 9:25 pm #52007

Thank you for your reply.

This file you mentioned doesn’t exist in my system (double checked it – maybe I’m working on an outdated version?)

I’m using
Current theme – Pavilion v2.1.1
installed on 20.09.2016 04:34
BurnEngine version1.1.1
OpenCart version2.3.0.2)

I checked Bootstrap Media queries in: http://getbootstrap.com/css/ and they say that Small devices = Tablets (≥768px).

Since it’s less or equal to, and iPad’s width is 768, it shouldn’t appear as a mobile, am I right?

I appreciate all the effort you’re doing to help me.

Thanks in advance.

Bruno.

October 12, 2016 at 10:36 pm #52051

Hi Bruno,

We’ve edited our previous post and published the correct file path. Sorry for that.

You are right about the official Bootstrap behavior, but our version is a bit different. However, changing the breakpoint as we’ve advised should do the job.

BR,
ThemeBurn team

October 14, 2016 at 5:54 pm #52134
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.