Return to previous page

Icons and mega menu questions - by oswaldofarith

This topic has 8 replies, 3 voices, and was last updated 7 years, 8 months ago ago by 8theme

oswaldofarith

Participant

August 18, 2016 at 07:01

Hello, it’s a beautiful theme, congratulations.

Im customizing my site and have some questions:

1. How can I insert an awesome font icon in top bar?

2. It is possible to use an image as a menu item in XStore mega menu?

3. How can I add the “gray footer” in mega menu as ou have in the demo?

Thanks in advance

#137034 Copied Theme version: last WooCommerce version: last

7 Answers

Olga Barlow

Support staff

August 18, 2016 at 08:25

Hello,

Thank you for using our theme and we appreciate that you like it.

1) To add content in top bar go to Appearance > Widgets > There you’ll find top bar areas http://prntscr.com/c76lqu
You can add Social Links Widget to add social icons, or text widget with any other content.

2), 3) You can use the image as menu item of second, third level. You can see it on our demo, for example ,http://prntscr.com/c76mng Detailed information what structure you need to create, how to add image or last grey row with icons you can find here https://www.8theme.com/topic/mega-menu-6/#post-133532

Feel free to ask if you need any other detailed explanations.

Regards

#137052 Copied

oswaldofarith

Participant

August 18, 2016 at 23:04

Thanks Olga, I did not explain well. Here is a picture which shows what I want to achieve:

http://prnt.sc/c7hq53

1. Really what I want is to insert the Font Awesome icon, no matter the place, there is a shortcode or something?

2. What I want is to use multiple images as items on the menu, not a single image. Using as an example the image attached, would be a link to PS3, one for PS4 and so on.

3. I checked the provided link but still do not know how to put the bottom row with icons, maybe I’m missing something.

4. This is a new question, is it possible to split a second level menu in 2 columns when I have many items?

Thanks for your help

#137128 Copied
Olga Barlow

Support staff

August 19, 2016 at 14:01
Hello,

Ah, I see.
1) You may use one of fontawesome icons http://fontawesome.io/icons/ and use text widget to add icon in left topbar (Dashboard > Appearance > Widgets > Top bar widget area)
For example <i class="fa fa-phone" aria-hidden="true" style="margin-right:5px;"></i> +39 436 46 54

or your image http://prntscr.com/c7podi

2) Create menu structure http://prntscr.com/c7pwub Settings for the first level http://prntscr.com/c7px96
Settings for the image item http://prntscr.com/c7pxud
And add the following code in desctop custom css area http://prntscr.com/c7pyt7
```
.item-design-mega-menu .nav-sublist-dropdown .item-design2-image {
    padding-right: 20px ;
    padding-left: 20px ;
}
```
3) a) Go to Static Block and create static block, for example http://prntscr.com/c7q09
Or you may import our static block, I have sent you xml import file to your registration email (go to Tools > Import > WP).
b) Once you created or imported static block go to Appearance > Widgets and create Custom Widget area and add 8theme – Static Block widget into this new custom area. Select your menu static block from the drop-down list http://prntscr.com/c7q2fw
c) Add custom link menu item with following settings http://prntscr.com/c7q43s

d) You may split it into 2 columns and just hide column title for the second column http://prntscr.com/c7q5lt

Regards
#137174 Copied
oswaldofarith

Participant

August 21, 2016 at 02:01

Hello

1. Works perfect!

2. Works, but I dont know why the first element show bigger and unaligned with the other images. Images have the same size and menu configuration is the same. Look: http://prnt.sc/c8c3v3

3. Didn’t receive the xml file in my email.

4. Works OK.

Thanks

Please, contact administrator
for this information.

#137274 Copied

8theme

Support staff

August 22, 2016 at 10:02

2. Try to add also this code

.item-design-mega-menu .nav-sublist-dropdown .item-design2-image{padding 0 20px;}

3. Have sent this mail again, please check now.

#137331 Copied

oswaldofarith

Participant

August 22, 2016 at 19:56

Works like a charm

Thank you all for your patience

#137434 Copied

8theme

Support staff

August 23, 2016 at 07:25

Great, you are welcome!

#137459 Copied
Viewing 8 results - 1 through 8 (of 8 total)