-
AuthorPosts
-
October 11, 2017 at 12:52 pm #862851
How do I center logo + main menu on one line on desktop and tablet, and leaving mobile to default?
October 12, 2017 at 9:51 am #863285Hey pooz,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
RikardOctober 12, 2017 at 11:07 am #863349October 12, 2017 at 1:59 pm #863424Hi 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,
VictoriaOctober 12, 2017 at 2:03 pm #863427Hi 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.
- This reply was modified 7 years, 2 months ago by OKEIwebbureau.
October 13, 2017 at 2:08 pm #863949This is the way I want it :-)
October 13, 2017 at 3:11 pm #863975Hi 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,
VictoriaOctober 14, 2017 at 11:19 am #864252Hi Victoria,
Have you come up with a solution? :-)
Thx
PoozOctober 14, 2017 at 6:16 pm #864313Hi,
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,
MikeOctober 14, 2017 at 6:28 pm #864314Hi Mike,
Its done!
October 14, 2017 at 7:55 pm #864331Hi,
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,
MikeOctober 14, 2017 at 8:34 pm #864337Hi 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,
PoozOctober 14, 2017 at 8:39 pm #864339 -
AuthorPosts
- The topic ‘How to center logo + main menu on one line?’ is closed to new replies.