Joomla Templates Club 406,261 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029808

Hi there,

I have tried to setup a ‘Random Image’ module to display in my T3 Mega Mega but for some reason, it displays above my menu items?? see image

I have tried changing the Bootstrap size in the module (to the same as my megamenu module) and have worked out all the sizes correctly but it does not display the right way!

The menu with this issue is called ‘Shop‘ on the homepage

Please advise…site logins in the post below if needed?

Thanks.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029811

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1029966

Hi
the admin login details you submitted does not work. can u please check it again and share the working details.
Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030049

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030160

Hi
I changed the dropdown menu container size and its now justify align
http://prntscr.com/f339i2
Can u give me a screenshot how u want it?
because in the Mega menu i can see there are two module one is in the right and one is in the bottom using full width.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030250

Hi there – It’s the one on the right I have removed the other one, I need it to show next to the menus at the moment it’s displaying it above the menu items – as in first post.

Here is a screenshot of what is needed – LINK

Thanks

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030573

Hi
Add below code in custom.css file to fix the problem

.t3-megamenu .mega-dropdown-menu > .mega-dropdown-inner > .row > .mega-col-module {
    float: none;
    display: table-cell;
    padding-left: 30px;
    padding-right: 30px;
}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. Ch1vpH

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1034869

Hi there,

The above code worked on a full-screen view but when on a smaller screen the images have the same issue as I originally had on full screen.

I have attached an image showing the out of sync images when on a small screen view.

Can you advise how to fix this issue

Thanks

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1034889

Hi
Kindly check the custom.css file look for the braces {
Remove the extra braces or check open and close must be equal.
I checked again the code is correct, the issue seems from the wrong syntax in your custom.css file

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1035502

Hi,

I believe it seems to be the correct code, as I copied it exactly from above post and this is still a problem on a smaller ipad size screen and need to fix please….

Thanks!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1035540

Hi
I corrected the code on your site.
Please check it now.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1036820

Hi there,

Although the Mega Menus – random image module looks and works ok on a resized desktop window (with the padding code you gave me above) it has never looked correct on my iPad…see attached photo.

Please advise.

Thanks!

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1036852

Hi
can u clear browser cache and check it again http://prntscr.com/fbs6tv
Also share the device details and Browser details we will test the same.

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1037065

Hi, cache is clear in Joomla and on browsers…

The issue is on every iPad I tested: original iPad 1 / iPad Air / iPad Air 2 / iPad Pro 12.9 in Google Chrome, Safari & Firefox.

The problem can also be seen on Safari when using an iMac.

So it only seems to work correctly on Chrome and FireFox on both PC and MAC and does not work on ant apple tablets or Safari!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1037256

Hi
Developer fixed the issue directly on your site. Can you check it now?
Regards

[Author]

Posts