Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 29, 2016 at 4:29 pm #604674
    SynergyLanguageServices

    Hi,

    I have set “logo center and menu below” for menu and logo position on the Enfold settings page, but realised that after this setting is made, the main headers overlap with the menu items on some pages.

    Here are the pages in question:
    T&C
    privacy policy
    sitemap
    client testimonials

    Is there a quick CSS fix for this issue, or is there some settings on the Enfold settings page (which I haven’t found).

    Many thanks in advance.

    Look forward to your reply.

    Kind regards,

    Ben

    March 29, 2016 at 4:39 pm #604680
    Jordan

    Hey SynergyLanguageServices!

    Thanks for reaching out to us!

    Try the following CSS and let me know if it works:

    #top #main .avia-section .template-page {
    padding-top: 75px;
}

    Best regards,
    Jordan

    March 29, 2016 at 4:49 pm #604683
    SynergyLanguageServices

    Hi Jordan,

    Thanks for this, but unfortunatelly the issue still persists. Tried different browsers and deleted cache…

    Any other ideas?

    Many thanks,

    Ben

    March 29, 2016 at 5:09 pm #604690
    Jordan

    Hi Ben!

    Thanks for getting back to me!

    Could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Cheers!
    Jordan

    March 29, 2016 at 5:23 pm #604693
    SynergyLanguageServices

    Hi Jordan,

    I will share login details if there is no other way, but at this point I am a bit reluctant to do so.

    It happened before as well, that two or three css codes didn’t work that I have been given on this forum, and then someone shared a new idea, which did work at the end.

    So, is there no other way to work this around? Perhaps someone else would have a different perspective to solve this?

    Kind regards,

    Ben

    March 29, 2016 at 5:52 pm #604701
    Yigit

    Hi!

    Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    Regards,
    Yigit

    March 30, 2016 at 8:51 pm #605464
    SynergyLanguageServices

    Hi Yigit,

    Sorry but these links didn’t help at all.

    I give you guys the admin login details. Could you please have a look at the website and see if you can fix this by any CSS codes?

    I am using Enfold Child theme, so if you will add codes to “style.css” please add them to the very bottom of the page, so that I can follow them up and make a note of them.

    Please do not alter the existing CSS codes.

    Thanks in advance and look forward to hearing an update from you soon.

    Kind regards,

    Ben

    March 30, 2016 at 9:13 pm #605468
    Jordan

    Hi Ben!

    Thanks for the login information and for getting back to us!

    Very sorry, I realized I had left off something when I gave you the code the first time. I added the code to the bottom of your child theme’s style.css and it worked for me. It needed the !important tag to override the current styling it had. Please feel free to adjust the code as you see fit.

    Let me know if you need further assistance.

    Cheers!
    Jordan

    March 31, 2016 at 3:21 pm #605948
    SynergyLanguageServices

    Hi Jordan,

    No problem at all, main thing is that you noticed the issue and corrected it. :)

    The CSS code works perfectly fine now.

    Thank you so much for your assistance guys.

    Kind regards,

    Ben

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo center, menu below – overlapping with main headers’ is closed to new replies.