Home › Forums › ART WordPress Theme › Show menu bar on top. Half in the left, half in the right
- This topic has 6 replies, 3 voices, and was last updated 6 years, 11 months ago by
SeaTheme.
-
AuthorPosts
-
August 8, 2018 at 10:11 pm #16062
Hi, i’ve just bought the theme and after some hours invested reviewing the theme and the topics in the forum i coudn’t find a solution to my problem.
Is there a way to show the elements in the menu bar separated?
I want three in the left, a logo in the middle and the other three in the right.
It would be like this(item) (item) (item) (LOGO) (item) (item) (item)
Thanks!
August 9, 2018 at 1:37 am #16063Hi,
There is not the header option in ART theme.
Please set menu layout(Appearance > Theme Options > Layout) as logo center.
Add css the set the menu position:@media (min-width: 768px) { .navi-show-center .navi-logo {position: absolute; left: 50%; transform: translateX(-50%);} .navi-show-center #navi-header { margin-top: 0;} .navi-show-center #navi-header>div>ul>li:nth-child(3) {margin-right: 80px;} .navi-show-center #navi-header>div>ul>li:nth-child(4) {margin-left: 80px;} }You should change some value maybe, because I don’t know what’s logo size and menu item length.
Regards!
Bwsm – uiueux.com – Twitter – FacebookAugust 13, 2018 at 2:15 am #16076It require me some css tweek bit it worked really well!
Thanks!
June 13, 2019 at 8:21 pm #18730Hi,
Is it possible for you to tweak this CSS so that the left and right navigation sticks to the left and right side of the page (with the logo centre), like in the link below?
The logo size and menu item length are also similar to the example below.
June 14, 2019 at 7:07 am #18739Hi,
There isHeader Bar Sticky Topoption in theme option.To make menu item left/right:
The menu items number need to be even.
Please update the custom CSS:@media (min-width: 768px) { .navi-show-center .navi-logo {position: absolute; left: 50%; transform: translateX(-50%);} .navi-show-center #navi-header { margin-top: 0;} .navi-show-center .menu {width: 100%;display: flex; justify-content: space-between;} .navi-show-center .menu:after,.navi-show-center .menu:before{display:none;} }RG
June 14, 2019 at 10:59 pm #18748Thanks very much. I added the CSS but the navigation is now sitting centered directly behind the logo instead of separating and aligning with the left and right hand sides of the screen. Is it possible to have the nav align to the left and right so that it builds from the outside in toward the centre instead?
I tried amending the CSS with the suggestion found below, but didn’t have any luck.
https://css-tricks.com/left-align-and-right-align-text-on-the-same-line/
Thanks again for your help.
June 15, 2019 at 12:11 am #18749Hi, welcome
It works on my local, there may be some settings on your page what I don’t know.
I need to check the lived page.
Please paste your page URL(it should be with the custom CSS).
Or
Please send your question(this topic URL) and wp-admin(URL / username/password) to uiueux@gmail.com, I’ll log in to check it.Regards
-
AuthorPosts
- You must be logged in to reply to this topic.
