problem in header style 10

Posted in: Newspaper
Post count: 64
ermannaro
#278274
Feb 20, 2019 at 12:05 am

I’ve select header style 10 and the menu should be centered.
Instead it is displayed aligned to the left. As for the style 9 …
Maybe because the menu is on two rows?

How can I force the centering via css?

and how change color of menù line?

see image

https://www.awesomescreenshot.com/image/3875767/2ffb9af4019ccb85f7e3923265259bc8

tnx

Post count: 20688
Simion C.
#278394
Feb 20, 2019 at 2:36 pm

Hi,

If there are many menu items, they will fall to a second row. You could stretch the header menu in the theme panel – http://prntscr.com/mnnf0q
That would produce better results when using many menu items.

For the main menu there are color settings in the theme panel – http://prntscr.com/mnnfvq
Let me know if you have more questions.

Thanks

Post count: 64
ermannaro
#278632
Feb 21, 2019 at 1:46 pm

Hi Simion, tnx
Now I’ve Stretched menu and is better on large screen because I can not see it in two lines anymore.
But on smaller screens I can still see on two lines (which is fine too), but the problem is that when it goes on two lines it is NOT more centered but aligned to the left.

Only this is not good.

I would like a css code to force the centering of the text in this case too.
tnx

Post count: 64
ermannaro
#278645
Feb 21, 2019 at 2:06 pm

I think is here:

@media (min-width: 768px)
.td_stretch_content .td-container {
width: 100% !important;
padding-left: 20px;
padding-right: 20px;
}

but if I add a text-align or align-items nothing changes…

but

Post count: 20688
Simion C.
#278775
Feb 22, 2019 at 9:00 am

Hi,

So centered like this? – http://prntscr.com/mohz1j

Try this code for it

.td-header-style-10 .sf-menu {
text-align: center;
}
.td-header-style-10 .sf-menu li {
float: none;
display: inline-block;
}

Thanks

Post count: 64
ermannaro
#278950
Feb 22, 2019 at 5:22 pm

perfect !

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.