Joomla Templates Club 406,261 posts

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#189612

Without know by me reason, my test site lost conpatibility with small screen devices.

Here is sample: https://quirktools.com/screenfly/#u=http%3A//grebovic.com/ams5/&w=320&h=240&a=32

What have i done wrong, and how to make ja_argo compatible with all devices’

thanks for help

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#501836

I found how to exclude content-top from mobil devices and tablet in portrait mode, but how to find to fix menu folks:

Here is what I have (Argo logo is here, but site have its own logo what is additional problem):

As you can see, there i not all submenu under main menus. Here is how menus shall look:

Here is link:
http://grebovic.com/ams5/

So how can I make menus and remove argo from small devices preview?

Thanks for help 🙂

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501938

Hi nedzad72,

Can you tell me how can I re-produce the same issue on Menus ? As you know, the reponsive feature of our templates works perfectly on the real device’s resolutions only, so that you should test your website on the real devices to get correct result. In addition, the menus displayed fine even when I checked your website with 750px width screens like your snapshot.

In order to hide the Argo logon on tablet/mobile view, you can try to put below codes into templates/ja_argo/css/custom.css file:

.nav-home {
display: none;
}

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503261

Hello!
My responsive menu doesn’t show submenus titles in white color with my megamenu on Ipad. It looks like at nedzad72’s pic#2 above. And here is my screenshot made by Ipad (4gen).

---

Attachments:

1. 

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#503322

Mate go to: http://cybercrab.com/screencheck/

use http://www.automotosvijet.com and choose iPad 768×1024

you will see this:

Too much space between menu items mate.

---

Attachments:

1. 

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503335

nedzad72, there are invisible submenu items. I want to know how can i do them visible. Like on the screen below

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503342

Hi nedzad72,

The issuse comes from your customization on the menu times which causes the Off-canvas look not well on Ipad. You can create a custom.css at templates/ja_fubix/css/ and try to put below codes into :

@media (min-width: 600px) and (max-width: 768px)
.nav-collapse .nav>li {
float: none;
max-height: 42px;
}

Change the heigth until you get perfect.

@oppositeby: You can try to create a custom.css as I suggest nedzad72, then put below codes into:

@media (min-width: 600px) and (max-width: 768px)
.t3-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover {
color: white;
}

.t3-megamenu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title {
color: white;
}
}

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503360

Leo Burnetts, thank you for the answer. Unfortunately custom.css with code:
@media (min-width: 600px) and (max-width: 768px) {
.t3-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover {
color: white;
}

.t3-megamenu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title {
color: white;
}
}


doesn’t take effect… 🙁

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503361

Hi oppositeby,

It is my mistake. Lets put !important after color, i.e:

color: white !important;

It will help to change the sub menu item’s color on iPad.

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503363

Leo Burnetts, the !important add doesn’t work too.
I did try this one code
@media (min-width: 600px) and (max-width: 768px) {
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
color:#fff !important;
}
}


and both of them with (min-width: 768px) and (max-width: 1024px) resolution. But submenu menu is dark as on the screen above… :((

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503368

Hi oppositeby,

I saw the menu item color changed, please don’t check the result by resizing the browser. You should use a real iPad devices or a online responsive tool like http://responsinator.com/. Don’t forget to clear your browser cache too.

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503373

I’ve used the real Ipad 4 gen with Icab mobile browser after successfully cleaned up browser’s cash. Furthermore I’ve cleaned up my joomla’s cash. Here is the real sceenshot:

And it’s similar to shot by http://responsinator.com (iPad portrait 768 x 1024).

---

Attachments:

1. 

[Eugene Friend EugeneJoin date: March 2012Posts: 18Downloads:5Uploads:5 Thanks: 8 Thanked: 1 times in 1 posts]

#503374

At responsinator.com, http://quirktools.com/screenfly/ &etc. submenu are visible when the mouse hovers over a main menu level. But on a real Ipad I can’t make “mouse over” effect. I need submenu to be already opened.

sorry for my english & please unite my last 2 post in one)

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#503473

Hi oppositeby,

Would you mind creating a ticket with your website’s credentials at http://support.joomlart.com/ ? I will help to check and give you better solution then. As you know, your requirement is related to customize the Off-canvas menu on iPad view which normally we just support to display the parent menu items.

Note: Lets put “Attentions to Leo” at the end of ticket title, so that I can find it quickly. Is it fine, oppositeby ?

[Author]

Posts