radhika297

hi bojan,

can you tell me how to centre align the main navigation menu?

thanks
radhika

so this is the code in the style.css file in child theme:

#masthead .site-branding {
float: none;
text-align: center;
}

#main-navigation .sf-menu {
text-align: center;
height: 50px;
}

#main-navigation .sf-menu ul {
display: inline-block;
}

.sub-menu li a {
float: left !important;
}

.sf-menu {
float: left;
}

form#searchform {
float: right;
}

form#searchform {
margin: 0;
}

also the main nav menu comes back to the left by adding this code to the style.css in child theme.

hi, yes it worked! thanks a ton… ?? i put the code in the style.css file in the child theme folder.

but if you check the site again- the top menu bar is bigger than before and the SEARCH text + the box is also bigger than the other text in the top menu bar. any ideas?

hi bojan

i copied the header.php you made… but the search box comes on the left side. please see the site:

https://www.thestyleaddict.in

anyway i can bring it to the right side?

thanks

It worked !! :)))

thank you so much.

https://www.thestyleaddict.in

also, the sub-menu is centre aligned now. I want the sub-menu to be left-aligned.
please see the link->

thanks

hi bojan.,

the site title is still not in the centre. iTs still left aligned. the main nav menu is now centre aligned.. thanks!

how else can i centre align the site title? i tried the code you suggested:

.site-branding {
float: none;
text-align: center;
}