Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • January 26, 2016 at 1:19 am #571740
    mcraig77

    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 #571823
    Elliott

    Hi mcraig77!

    You have 5 links. Are you wanting two on one side and three on the other?

    Regards,
    Elliott

    January 26, 2016 at 5:47 am #571881
    mcraig77

    Nope 2 on one side 2 on the other. The middle one was invisible.. I can delete

    January 27, 2016 at 9:33 am #572694
    Vinay

    Hey!

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

    January 27, 2016 at 9:23 pm #573262
    mcraig77

    Hi 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 #573867
    Vinay

    Hi!

    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, 10 months ago by Vinay.
    January 28, 2016 at 7:18 pm #573979
    mcraig77

    Thanks.

    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 #573992
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #header_main_alternate {
    margin-top: -50px;
}

    Cheers!
    Yigit

    January 28, 2016 at 7:37 pm #573994
    mcraig77

    Ahoy 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 #574602
    Vinay

    Hey!

    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!
    Vinay

    January 29, 2016 at 9:21 pm #574806
    mcraig77

    Looks 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 #574996
    Vinay

    Hey!

    Glad you like it please add background image or color from Enfold > general styling > Logo area

    Best regards,
    Vinay

    February 2, 2016 at 8:15 pm #576663
    mcraig77

    Ahoy 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 #577557
    Ismael

    Hi!

    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!
    Ismael

    February 4, 2016 at 5:57 am #577575
    mcraig77

    That is just a test…

    It looks like there is still a space.. see screenshot

    February 5, 2016 at 5:26 am #578243
    Ismael

    Hi!

    Please adjust the values as needed:

    .header_color .header_bg {
    min-height: 250px;
    top: -50px;
}

    Best regards,
    Ismael

    February 5, 2016 at 8:27 am #578354
    mcraig77

    Coolio!

    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 #579618
    Andy

    Hi!

    try this code:

    .html_header_top.html_logo_center .logo {
top: -15px;
}

    Cheers!
    Andy

    November 14, 2016 at 9:53 pm #712180
    kenshepherd

    I’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 #712737
    Ismael

    Hi,

    Please add this in the Quick CSS field.

    #header {
    margin-top: -50px;
}

    Best regards,
    Ismael

    November 16, 2016 at 7:30 pm #713152
    kenshepherd

    Thanks Ismael! That worked great.

    November 17, 2016 at 8:19 am #713431
    Nikko

    Hey!

    Glad that it’s fixed :)

    Regards,
    Nikko

    August 16, 2018 at 6:11 pm #998061
    Sievers

    Hello 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?

    Home

    August 17, 2018 at 7:08 am #998284
    Vinay

    Hi,

    Please remove the old code and try the updated code in our documentation. That should take care of the logo issue :)

    Menu

    Best regards,
    Vinay

    November 26, 2018 at 4:51 pm #1037682
    Joel Berger

    Hy 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,
    Joel

    November 28, 2018 at 11:36 am #1038435
    Vinay

    Hi,

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

    Best regards,
    Vinay

    November 28, 2018 at 3:01 pm #1038540
    Joel Berger

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

    https://snag.gy/khm9ny.jpg

    Kind regards,
    Joel

    November 29, 2018 at 12:15 am #1038772
    Vinay

    Hi,

    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

    Menu

    Please clear the cache and review your site :)

    Best regards,
    Vinay

    November 29, 2018 at 8:44 am #1038828
    Joel Berger

    Now it’s perfect.
    Thanks a lot!

    Best regards,
    Joel

    November 29, 2018 at 7:40 pm #1039129
    Victoria

    Hi Joel,

    Glad we could help :)

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

  • Author
    Posts
Viewing 30 posts - 1 through 30 (of 30 total)
  • You must be logged in to reply to this topic.