Joomla Templates Club 406,261 posts

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#672725

i unpublished the original UBER HOME demo menu “SITES” with dropdown image links which has external URL assigned. when i republished the “SITES” menu, the blocks of image links were not in columns like the originals but single column and enlarged images. so i reinstalled the template to resolve this issue but again it broke. on 3rd try, i used the “SITES” menu and renamed it with temporary orange images. I got this to work (sample menu image attached with orange boxes) but when i “SAVE AS COPY” these menus thinking it’ll duplicate these attributes, the images do not show but just the menu titles (sample of copied menu with education). When i check under Template Manager -> Megamenu, i can view the orange boxes but can’t view on the site (sample image of Megamenu).

the questions are:

how to solve the broken alignment when republishing SITES menu from “Menu Items”.

how to recreate a dropdown menu with images.

thanks in advance~

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

#672832

Hi
Add this code in custom.css to show images in menu menu


.t3-mainnav .t3-navbar .open .dropdown-menu img {
display: block!important;
}

it was hidden due to design purpose , as its not looks good in small screen sizes .

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

1. jamesshin

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

#746725

Hi
Add this code in custom.css to show images in menu menu


.t3-mainnav .t3-navbar .open .dropdown-menu img {
display: block!important;
}

it was hidden due to design purpose , as its not looks good in small screen sizes .

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

1. jamesshin

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#680345

thanks, that fixed one of my questions which the images to show. but again i’m back to my initial second issue. the images are not aligned as columns but vertical lists enlarged images.

any suggestions?

again, thanks~

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#746831

thanks, that fixed one of my questions which the images to show. but again i’m back to my initial second issue. the images are not aligned as columns but vertical lists enlarged images.

any suggestions?

again, thanks~

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

#680381

Hi
You can do it from Mega menu options,

Go to mega menu select menu item > Select the columns of images set width like this >> http://prntscr.com/89r263
+ set a width of the dropdown here > http://prntscr.com/89r3b8
replace older code that added in custom.css with this code

.t3-mainnav .t3-navbar .open .dropdown-menu img {
display: block !important;
width: 100%;
}

All this i done on your site . you can check the menu items now >>> http://prntscr.com/89r3ur

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

1. jamesshin

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

#746867

Hi
You can do it from Mega menu options,

Go to mega menu select menu item > Select the columns of images set width like this >> http://prntscr.com/89r263
+ set a width of the dropdown here > http://prntscr.com/89r3b8
replace older code that added in custom.css with this code

.t3-mainnav .t3-navbar .open .dropdown-menu img {
display: block !important;
width: 100%;
}

All this i done on your site . you can check the menu items now >>> http://prntscr.com/89r3ur

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

1. jamesshin

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#680427

thank you Pankajsharma…

can you also guide me to retain the link title css too? the fonts are not identical from the original. does this have to be customized or can i just duplicate them?

thanks

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#746882

thank you Pankajsharma…

can you also guide me to retain the link title css too? the fonts are not identical from the original. does this have to be customized or can i just duplicate them?

thanks

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

#680428

<em>@jamesshin 489487 wrote:</em><blockquote>thank you Pankajsharma…

can you also guide me to retain the link title css too? the fonts are not identical from the original. does this have to be customized or can i just duplicate them?

thanks</blockquote>
For a different topic kindly open a separate thread 🙂

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

1. jamesshin

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

#746883

<em>@jamesshin 489487 wrote:</em><blockquote>thank you Pankajsharma…

can you also guide me to retain the link title css too? the fonts are not identical from the original. does this have to be customized or can i just duplicate them?

thanks</blockquote>
For a different topic kindly open a separate thread 🙂

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

1. jamesshin

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#680431

i would think the font issue is the same topic since my initial issue was to duplicate the original drop down menu identical to the sample site. you have been very kind to resolve these issues and i’m very thankful for your assistance. please help me with this last issue. i’m not sure why it’s not retaining the css format as the original. here are the sample images.

thanks

[jamesshin Friend jamesshinJoin date: August 2014Posts: 22Downloads:137Uploads:0 Thanks: 17]

#746886

i would think the font issue is the same topic since my initial issue was to duplicate the original drop down menu identical to the sample site. you have been very kind to resolve these issues and i’m very thankful for your assistance. please help me with this last issue. i’m not sure why it’s not retaining the css format as the original. here are the sample images.

thanks

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

#680456

Hi
Its different because you are using an additional class in the mega menu drop down options .
You need to add same class for other menu items to apply same style.

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

1. jamesshin

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

#746910

Hi
Its different because you are using an additional class in the mega menu drop down options .
You need to add same class for other menu items to apply same style.

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

1. jamesshin

[Author]

Posts