-
AuthorPosts
-
August 26, 2015 at 7:27 pm #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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 27, 2015 at 12:57 am #672832Hi
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
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 27, 2015 at 12:57 am #746725Hi
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
August 27, 2015 at 8:59 pm #680345thanks, 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~
August 27, 2015 at 8:59 pm #746831thanks, 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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 28, 2015 at 4:06 am #680381Hi
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
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 28, 2015 at 4:06 am #746867Hi
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
August 28, 2015 at 5:17 am #680427thank 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
August 28, 2015 at 5:17 am #746882thank 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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 28, 2015 at 5:21 am #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
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
August 28, 2015 at 5:21 am #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
August 28, 2015 at 6:27 am #680431i 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
August 28, 2015 at 6:27 am #746886i 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 ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
Pankaj Sharma ModeratorPankaj Sharma
- Join date:
- February 2015
- Posts:
- 24589
- Downloads:
- 144
- Uploads:
- 202
- Thanks:
- 127
- Thanked:
- 4196 times in 4019 posts
-
AuthorPosts
This topic contains 17 replies, has 2 voices, and was last updated by jamesshin 9 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum