Home Forums Art WordPress Theme Show menu bar on top. Half in the left, half in the right

This topic contains 6 replies, has 3 voices, and was last updated by  SeaTheme 3 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #16062

    jafidiesel
    Participant
    Purchased

    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!

    #16063

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    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.comTwitterFacebook

    #16076

    jafidiesel
    Participant
    Purchased

    It require me some css tweek bit it worked really well!

    Thanks!

    #18730

    byrd
    Participant
    Purchased

    Hi,

    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.

    https://allenschwartz.com

    #18739

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,
    There is Header Bar Sticky Top option 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

    #18748

    byrd
    Participant
    Purchased

    Thanks 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.

    #18749

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi, 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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!