Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 11, 2017 at 12:52 pm #862851
    October 12, 2017 at 9:51 am #863285
    Rikard

    Hey pooz,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    October 12, 2017 at 11:07 am #863349
    OKEIwebbureau

    Hi Rikard,

    Yes and thanks :-)

    https://annanikolajsen.dk

    October 12, 2017 at 1:59 pm #863424
    Victoria

    Hi pooz,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
.html_header_top.html_header_sticky #main, 
.html_header_top.html_header_sticky.html_bottom_nav_header #main {
    padding-top: 88px;
}
#header_main_alternate {
    margin-top: -60px;
    border: none;
}
.responsive .logo {
    position: absolute;
    top: 10px;
}
#menu-item-99 {
  margin-left: 140px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 12, 2017 at 2:03 pm #863427
    OKEIwebbureau

    Hi Victoria,

    Thanks for helping :-)

    We are getting closer, however I still want the logo to the left and the menu-items to the right……..still on the same line AND all in the middle of the page.

    October 13, 2017 at 2:08 pm #863949
    OKEIwebbureau

    Logo+menu-items centered in header - on one line

    This is the way I want it :-)

    October 13, 2017 at 3:11 pm #863975
    Victoria

    Hi pooz,

    Oh, ok I got your request wrong. Please remove that code, it has to be different and easier than what I did. Sorry about that :)

    Best regards,
    Victoria

    October 14, 2017 at 11:19 am #864252
    OKEIwebbureau

    Hi Victoria,

    Have you come up with a solution? :-)

    Thx
    Pooz

    October 14, 2017 at 6:16 pm #864313
    Mike

    Hi,
    It looks as though your logo is centered with the menu on both sides, if this is due to the code Victoria gave you can you please remove it so we can give you some new code.

    Best regards,
    Mike

    October 14, 2017 at 6:28 pm #864314
    OKEIwebbureau

    Hi Mike,

    Its done!

    October 14, 2017 at 7:55 pm #864331
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    
@media only screen and (min-width: 767px) and (max-width: 900px) { div .logo {left: 10%!important; }
.av-main-nav-wrap {left: -15%!important; }}
@media only screen and (min-width: 901px) and (max-width: 1024px) { div .logo {left: 15%!important; }
.av-main-nav-wrap {left: -20%!important; }}
@media only screen and (min-width: 1025px){ div .logo {left: 30%!important; }
.av-main-nav-wrap {left: -50%!important; }}

    Please clear your cache and review.

    Best regards,
    Mike

    October 14, 2017 at 8:34 pm #864337
    OKEIwebbureau

    Hi Mike,

    Wonderful – I just changed the CSS a bit for the (min-width: 1025px)-screens, and now it looks very good.

    Where did <center>…</center> go…lauging ;-)

    Thanks and have a nice weekend.

    BR,
    Pooz

    October 14, 2017 at 8:39 pm #864339
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘How to center logo + main menu on one line?’ is closed to new replies.