Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 28, 2015 at 1:49 am #435750
    FactoryConcepts

    Howdy!

    I am having some issues using a long text based logo (1000px by 156px) in the Enfold Top Header menu. Mainly, when the browser is resized, the menu can overlap the logo.

    It looks like there is a static PX setting where enfold switches from the traditional menu to the mobile menu, but that static PX width is not based on the logo length. Perhaps it is linked to the Mobile or Mobile/Tablet setting or just set at 300 px? It looks like Enfold has the ability to dynamically scale the Logo once the mobile menu is deployed, but it seems to lack intelligence about when the traditional menu is going to overlap the logo (in which case the mobile menu should be deployed)

    Can you suggest what to do when text logos are very long and encounter this problem?

    April 28, 2015 at 5:54 pm #436240
    Yigit

    Hey FactoryConcepts!

    Can you please post the link to your website?

    Cheers!
    Yigit

    April 28, 2015 at 7:37 pm #436319
    FactoryConcepts

    Sure thing.

    I think the issue could be linked to using floats/absolute position versus inline display? Though I guess either way will cause an issue, either overlapping or increasing the DIV height.

    April 29, 2015 at 4:22 pm #436801
    Andy

    Hi!

    you did not post a link to the website in question yet. We would need to inspect it.

    Regards,
    Andy

    April 29, 2015 at 6:25 pm #436924
    FactoryConcepts

    Sorry! I used the “link” button in the text editor and it did not show!

    website is: MyManufacturing.org

    April 29, 2015 at 6:51 pm #436932
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1160px) and (min-width: 990px) {
.av-main-nav > li > a { padding: 0 6px; }
.logo * { max-width: 91%; top: 5px; }}

    Cheers!
    Yigit

    April 29, 2015 at 6:53 pm #436934
    FactoryConcepts

    Look at that! Thanks guys!

    April 29, 2015 at 6:55 pm #436937
    Yigit

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Long text-based Logos overlapping with Menu’ is closed to new replies.