Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 19, 2016 at 4:54 am #567593
    mcseufer

    Hi,

    I’m having a tough time getting my Enfold menu and logo to line up the way I would like.

    Specifics are as follows in the private data area below:

    Thanks,

    Michael

    • This topic was modified 8 years, 10 months ago by mcseufer.
    January 19, 2016 at 4:26 pm #567923
    Vinay

    Hi mcseufer!

    We are working on your issue and we will update this ticket soon with the results.

    We can help you achieve the same structure but you probably have to take care of the style details like adding the red border, the logo share etc to the menu as it takes a lot of customization.

    In the enfold options please make these changes.

    Enfold > Social Profiles

    Then please goto Enfold > Header Options and make these changes

    Then in Enfold > General Styling > Quick CSS

    Add the below css

     #top #header_main > .container .main_menu ul:first-child > li > a {
 	height: 30px!important;
    line-height: 30px!important;
 }

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    top: -25px;
    z-index:99999;
}
.av_minimal_header #header_main, .av_minimal_header #header_meta {
    z-index: 99;
}

.html_header_top #top .av_logo_right .logo {
    right:50%;
    transform:translateX(50%);
    margin: 0 auto;      
}

    Best regards,
    Vinay

    January 26, 2016 at 8:08 pm #572332
    mcseufer

    Hi –

    Many thanks for your help. I made some modifications and have the menu looking really close to what I want. I’m having issues with the responsive settings though. The logo in the middle is not centered on mobile or when the browser window is decreased and the red line disappears as well.

    Can you help?

    Link is below.

    Thanks again,

    Michael

    January 27, 2016 at 8:51 pm #573244
    Vinay

    Hi!

    Please add the below CSS code it will move the logo to the left and make more room for the menu button running into logo in smaller screens

    
/* Move logo to right in tablet and small screens*/

@media only screen and (max-width: 768px) {

    .html_header_top #top .av_logo_right .logo {
     transform: none!important; 

}
 
}

    Cheers!
    Vinay

    January 27, 2016 at 8:54 pm #573246
    mcseufer

    Hi –

    Thank you for the response. I added the code and while that does help with the logo, the red line disappears and so does the transparency of the header.

    Ie. It moves the logo and fixes that problem, but the other issues remain.

    January 28, 2016 at 12:08 pm #573655
    Vinay

    Hey!

    Please create a wordpress admin access for us and add it in private content so we can login and take a look at it with permission to add css in backend.

    Cheers!
    Vinay

    February 8, 2016 at 10:25 pm #579929
    mcseufer

    I have created an admin account for you in the private area below.

    Additionally, the screenshots you provided for me are no longer showing and are now broken image icons.

    Please advise.

    Thanks,

    Michael Seufer

    February 11, 2016 at 1:03 pm #581592
    Andy

    Hi!

    login link is not working for me. Can you check please?

    Regards,
    Andy

    February 12, 2016 at 12:20 am #581940
    mcseufer

    Sorry – try now?

    Thanks,

    Michael

    February 14, 2016 at 7:18 am #582848
    Rikard

    Hi,

    I get a 403 error on the login page, do you have any ip block or security plugin active? If so, for what countries?

    Regards,
    Rikard

    July 11, 2017 at 8:16 pm #819604
    milfont

    Hi! I want to do the same. I couldn’t because I can’t see the images and links of the needed modifications.
    Please repost.

    July 12, 2017 at 10:51 am #819913
    Victoria

    Hi milfont,

    Please open a separate thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

    January 9, 2018 at 12:04 pm #895193
    davidmartinserrano

    Hello guys,
    I have some responsiveness problems with 10″ tablet landscape:

    1) Watching at a 10″ tablet, landscape, social icons on the footer are cut on the right (we don´t see for example youtube icon)…Same problem that on several pages appears to apply…everything weighted to the right side…

    Can you please help with this? Thanks,

    January 11, 2018 at 11:56 am #896115
    Rikard

    Hi David,

    I couldn’t reproduce the error on my end using Chrome, could you post a screenshot of it and in which browser you are seeing that please?

    Best regards,
    Rikard

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