Center the main menu + no shadow

Posted in: Newspaper
Post count: 22
sarahgraine
#16959
Jul 30, 2014 at 2:26 pm

Hi!

I would like to center my main menu but can’t find out how to do that :

http://oneprettylife.com

I would also like to do not have any shadows under it. What code should I copy in my custom CSS ?

Thank you for your help 🙂

Sarah

Post count: 6600
Lucian
#17067
Jul 31, 2014 at 11:03 am

Hi,

Use this css to center the menu:

.sf-menu {
position: relative;
left: 200px;}

Adjust the left: 200px as you like to look.

For the menu sahdows use this css:

.td-full-layout .td-menu-background, .td-boxed-layout .td-menu-wrap {
background: none !important;
}

.td-full-layout .td-menu-background:after, .td-boxed-layout .td-menu-wrap:after {
display: none !important;
}

Thanks

Post count: 22
sarahgraine
#17116
Jul 31, 2014 at 2:33 pm

Thank you, that’s perfect !! 🙂

Have a nice day 🙂

Post count: 555
Steven
#17127
Jul 31, 2014 at 3:29 pm

This work great for PC and (iPad – Portrait) but on (iPhone), (small tablet) and other phones it don’t look good,is there a way to not center the mean menu on mobile devices…

Post count: 6600
Lucian
#17208
Aug 1, 2014 at 11:22 am

Hi,

Yes you are right, you have to use this css instead:

#td-top-menu .sf-menu {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

Sorry about this!
Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.