Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

mobile nav: header-bar html

Home › Forums › Pro Support › mobile nav: header-bar html

  • This topic has 8 replies, 3 voices, and was last updated 6 years ago by Bernd ThellAnonymous.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 25, 2018 at 10:06 am #68363
    Bernd ThellAnonymous

    Hey Team!
    I need put my text/hrefs in the header-bar to the middle. Idea: responsive-menu-pro-header
    text-align:center;
    im afraid, i dont know exactly, where and how to put it in.
    What has worked was, to just write it into the header-bar.css.twig in line 10, but i thought it might be overwritten with the next plugin-update, right?
    i was able to put the hrefs in the header-bar into the html-content box in the section header-bar/content.
    Thanks for your support,
    Bernd

    April 25, 2018 at 10:23 am #68370
    Bernd ThellAnonymous

    Sorry, i manged it! its has to come into advanced/custom-css like:

    #responsive-menu-pro-header {
    text-align:center;
    }

    Thanks!

    April 25, 2018 at 11:12 am #68369
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Bernd,

    Excellent news, I’m glad you found the solution and thanks for letting me know.

    All the best

    Peter

    April 30, 2018 at 4:20 pm #68368
    Bernd ThellBernd Thell
    Participant

    Hey Peter,
    came back to the Problem. I need the text to be centered, but the logo has to be floating left. I cant get it handled sperated, though.
    Thanks.

    April 30, 2018 at 4:55 pm #68367
    Bernd ThellBernd Thell
    Participant

    Actually, this also refers to the post “Header-bars contents are displayed next to each other” I just dont get it.

    April 30, 2018 at 5:00 pm #68366
    Peter FeatherstonePeter Featherstone
    Participant

    Hi Bernd,

    What is the issue precisely, to float the logo left you just need to drag the Logo option to the far left in the Ordering section.

    Please advise

    Peter

    May 1, 2018 at 11:22 am #68365
    Bernd ThellBernd Thell
    Participant

    Made it! Its a

    #responsive-menu-pro-header .responsive-menu-pro-header-box {
    display: block;
    }

    #responsive-menu-pro-header-bar-logo {
    float:left;
    margin-top:6px;
    margin-left:-7px;
    }

    #responsive-menu-pro-header-bar-html {
    text-align:center;
    }

    May 1, 2018 at 11:25 am #68364
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Bernd,

    Excellent 🙂

    Peter

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘mobile nav: header-bar html’ is closed to new replies.