How can I show Customfield imagelist inline/ Mega menu changes

maz001

I am also using JA megafilter and the images from the custom field show properly next to each other inline (see image 1)

However, when I display the custom field on a joomla content page using the code {field 11} the images show verticaly (see image2). How can I show them INLINE

teitbite

maz001 Hi. I'm afraid i will have to see it on a live site to tell the exact code. Please ignore it for now and get back to me when I will be able to look at this.

maz001

Hi I set up a demo site for you to see.
The menu link at the top is AXAAX. In the left column of the Megafilter please see the custom fields 'How to'. These images are displayed correctly and horizontal. Then please see the sample page Article1 test. The custom field 'How to' images are displayed vertically. I need this to be horizontal too.

I also have another problem on this JAMood site. In the Megafilter configuration the drop down menu alignments are all set to full width 'justified'. BUT when you view the site , ALL the drop down menus are not full width of the site, but only show about 700pixels wide. They should be full width justified.

aman204

maz001 Then please see the sample page Article1 test. The custom field 'How to' images are displayed vertically. I need this to be horizontal too.

Try add this to custom.css file :


.article-content span.field-value img{float:left !important;margin-right:10px !important;} /*adjust margin value accordingly */

Kindly ensure to clear your browser cache if changes dont reflect

In the Megafilter configuration the drop down menu alignments are all set to full width 'justified'. BUT when you view the site , ALL the drop down menus are not full width of the site, but only show about 700pixels wide.

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing as to how you wish to have specific elements reflect

maz001

I need this menu to fill the full width rather than me setting a width for the menu. Justify setting should do this but isnt working in JAMood.

Oh and the field images works perfectly with that CSS code. Thank you.

aman204

maz001 Unfortunately, There isnt such functionality which allows the dropdown menu to go full-width within container width. Will forward your request to JA Dev. Team if the specific feature/functionality can be incorporated in future Template release coming from T3 framework although, the team is more focused currently on rolling out revolutionary T4 framework stable version 🙂

You may still try the following steps although please perceive this to be temporary workaround which may not derive the exact result as envisaged -

1) Following this documentation excerpt - Add full-width as extra class for parent menu item
2) Thereon, try add this to custom.css file and adjust width value accordingly :

.dropdown.full-width>.mega-dropdown-menu{min-width: 1200px !important;left:0 !important;}