Public Forums 71,145 posts

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#934854

Hi,

I’m trying to get ‘top menu’ displayed horizontally on menu pos. posıtıon 1 or slideshow.
I trıed a lot of codes ınto the custom.css I found here but I was not able.

I am using purity III with a copy of default layout

Can someone help me pls?

Best regards,

Alp

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

#934867

Hi
The Mega menu can not be selected by any menu module . You need to set the Main menu via Template options > Navigation Tab in Purity III .
Beside if you are published a Normal menu module you can use display flex style to make it working .
Could u share the url of page where u published the menu module , so i will suggest you exact changes .

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#934945

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]

#934946

This reply has been marked as private.

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#934956

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]

#934960

Hi
still the menu is not showing : http://prntscr.com/b8kr88
Could u publish it and share the correct url with detials screenshot how u want to change the look of menu ,
so i can assist you better .

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#934966

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]

#934976

Hi
First you need to resize the module position width to col-lg12 full width so menu item can view perfectly .
You can do it from template options > layout tab > responsive layout > Large > drag and drop the module position .
follow this doc if u face any issue to re size module position width.
Then add below code in custom.css file to make the item horizontal

#Mod20 .module-ct > ul.nav { display: flex; }

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#935113

Thank you very much,
now the menu is horizontal.

How can I reduce the height of the menu?
And how to change the mouseover BG and active color?

Please have a look: http://prntscr.com/b8tpwn

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

#935186

This reply has been marked as private.

[Alp Friend AlpJoin date: November 2015Posts: 145Downloads:396Uploads:12 Thanks: 10 Thanked: 2 times in 2 posts]

#935262

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]

#935273

Hi
Add below code in custom.css file and change the padding values as per needs .

.t3-sl-1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

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

1. Alp

[Author]

Posts