-
AuthorPosts
-
January 26, 2016 at 1:19 am #571740
Hi,
Im trying to make y logo centered and the navigation to the left and right of it like this (see Screenshot)
Can you help me with this? you have before but forgot how to do it :)
I’ve already made the invisible menu link… Attached are my login credentials
Thanks!
January 26, 2016 at 3:28 am #571823Hi mcraig77!
You have 5 links. Are you wanting two on one side and three on the other?
Regards,
ElliottJanuary 26, 2016 at 5:47 am #571881Nope 2 on one side 2 on the other. The middle one was invisible.. I can delete
January 27, 2016 at 9:33 am #572694Hey!
Please delete the invisible menu and add the below code in the Enfold > General Styling > Quick CSS
Change your menu color from Enfold > Advance Styling > Menu.av-main-nav li:nth-child(2) { margin-right:250px; }
Best regards,
VinayJanuary 27, 2016 at 9:23 pm #573262Hi Vinay, Thanks but not quite. I need the menu to be on the left and the right like the screenshot I sent.
January 28, 2016 at 5:09 pm #573867Hi!
we are working on your ticket and we will update the results here soon.We currently have it setup like this for you you can change the menu colors from Enfold > General Styling > Logo Area > font color
If you need any changes please send us a mockup so we can help you better.
Best regards,
Vinay- This reply was modified 8 years, 9 months ago by Vinay.
January 28, 2016 at 7:18 pm #573979Thanks.
How do I get rid of that blue line above my logo? How do I add a background image or color to the background of this area?
January 28, 2016 at 7:35 pm #573992Hi!
Please add following code to Quick CSS as well
#header_main_alternate { margin-top: -50px; }
Cheers!
YigitJanuary 28, 2016 at 7:37 pm #573994Ahoy Yigit –
Now I cant see the logo… How do I add a background image or color to the background of this area?
January 29, 2016 at 3:38 pm #574602Hey!
not sure but it’s not the same what it looked earlier.
please check the quick css
.av-main-nav { margin-top:55px!important; } .av-main-nav li:nth-child(2) { margin-right:220px; } .av-logo-container { position:absolute; left:40px; } .html_header_top.html_bottom_nav_header .main_menu { position: absolute; background: transparent!important; } #header { top: 40px!important; }
Cheers!
VinayJanuary 29, 2016 at 9:21 pm #574806Looks a lot better thanks!
Is there a way to a background image or color to that area (the menu bar)?
January 30, 2016 at 2:12 pm #574996Hey!
Glad you like it please add background image or color from Enfold > general styling > Logo area
Best regards,
VinayFebruary 2, 2016 at 8:15 pm #576663Ahoy Vinay –
That doesn’t work.. I uploaded a test picture but nothing shows up when I scroll down.
Please advise.
- This reply was modified 8 years, 9 months ago by mcraig77.
February 4, 2016 at 5:23 am #577557Hi!
Is this the actual background image (9girlsnapoutofit.com/wp-content/uploads/2015/02/Showcase-06.png) or you’re just testing it?
Please add this in the Quick CSS field:
.header_color .header_bg { min-height: 100px; }
Adjust the value as needed.
Cheers!
IsmaelFebruary 4, 2016 at 5:57 am #577575That is just a test…
It looks like there is still a space.. see screenshot
February 5, 2016 at 5:26 am #578243Hi!
Please adjust the values as needed:
.header_color .header_bg { min-height: 250px; top: -50px; }
Best regards,
IsmaelFebruary 5, 2016 at 8:27 am #578354Coolio!
Anyway I can reduce the space between the top of the browser and the logo?
- This reply was modified 8 years, 9 months ago by mcraig77.
February 8, 2016 at 2:03 pm #579618Hi!
try this code:
.html_header_top.html_logo_center .logo { top: -15px; }
Cheers!
AndyNovember 14, 2016 at 9:53 pm #712180I’m trying to create the split menu as well, but with a simple background image behind the logo and menu. How can I get rid of the white space above the menu and logo area?
November 16, 2016 at 4:49 am #712737Hi,
Please add this in the Quick CSS field.
#header { margin-top: -50px; }
Best regards,
IsmaelNovember 16, 2016 at 7:30 pm #713152Thanks Ismael! That worked great.
November 17, 2016 at 8:19 am #713431Hey!
Glad that it’s fixed :)
Regards,
NikkoAugust 16, 2018 at 6:11 pm #998061Hello all,
This thread helped us accomplish what we were looking for visually, however there is a layering / z-index issue. The logo is only clickable above and below the the menu bar. There is a deadspace in the middle of the logo that isnt clickable? Thoughts?August 17, 2018 at 7:08 am #998284Hi,
Please remove the old code and try the updated code in our documentation. That should take care of the logo issue :)
Best regards,
VinayNovember 26, 2018 at 4:51 pm #1037682Hy there
It seems, like I got the same problem as “Sievers”.
Do you have an idea on how I could resolve that?Thanks for your reply.
Best regards,
JoelNovember 28, 2018 at 11:36 am #1038435Hi,
I checked your site but could not find any issue with the split menu. Were you able to fix it?
If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)
https://snag.gy/
https://ctrlv.cz/en/
https://imgur.comBest regards,
VinayNovember 28, 2018 at 3:01 pm #1038540Hi Vinay
My issue is, that the logo is not clickable to navigate to the starting-page.
Do you have any idea on how I could resolve that Issue?Kind regards,
JoelNovember 29, 2018 at 12:15 am #1038772Hi,
The header settings and CSS code were incorrect on your site. I have replaced it with the code and settings mentioned in the below link
Please clear the cache and review your site :)
Best regards,
VinayNovember 29, 2018 at 8:44 am #1038828Now it’s perfect.
Thanks a lot!Best regards,
JoelNovember 29, 2018 at 7:40 pm #1039129Hi Joel,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.