Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #1064764
    Eric Marks
    Guest

    Hello, I have owned enfold for 4 years and my support has expired. Is there anyway you can help me with one single issue?

    #1064845

    Hey Eric Marks,

    Thanks for contacting us!
    We’ll try to help as long as it doesn’t require a lot of time.
    Can you give us temporary admin access to your site? so we can take a closer look.
    Just post the credentials in private content.

    Best regards,
    Nikko

    #1064847
    Eric Marks
    Guest

    Thank you so much for being willing to help! You will see that when you choose the “Logo center menu below” option, it just puts the entire menu on the bottom of the actual page. Website info is below

    #1064972
    Eric Marks
    Guest

    Were you able to figure anything out? Thanks!

    Eric

    #1065120

    Hi Eric Marks,

    You have a footer.php in your child theme, is it from the 4.1.2 version?

    Best regards,
    Victoria

    #1065159
    Eric Marks
    Guest

    Hello, I’m honestly not sure. How can we fix the issue that is happening with the header menu? Thanks!

    #1065369

    Hi Eric Marks,

    Can you remove the older versions of Enfold? or atleast move it so you can still keep a copy of those versions.
    Then try to check if it works fine, if it doesn’t work, try to temporarily activate Enfold 4.5.2 and check if it works properly.

    Best regards,
    Nikko

    #1066191
    Eric Marks
    Guest

    Hello, I tried all of that including clearing the cache on my site and it still did not work. For some reason when I choose the “Logo Center Menu Below” option, it still puts the menu on the very bottom of the page.

    #1066407

    Hi Eric Marks,

    Would it be okay if we try to make changes on your site? it might take several minutes to test.
    Though we do understand that your site is live, if you want to lessen the risk, please create a stage site: https://themeisle.com/blog/wordpress-staging-site/

    Best regards,
    Nikko

    #1066636
    Eric Marks
    Guest

    I am perfectly fine with you making changes as long as you can revert them if they cause problems. Keep in mind when you make changes you will need to hover over my “swift performance” plugin at the top of the page and clear cache in order for the change to show up on a preview. Thanks for helping me sort this out!

    #1068109

    Hi Eric Marks,

    This is fixed, this code in Quick CSS is causing the issue:

    #header_main_alternate {
    z-index: 100;
    position: fixed;
    bottom: 0;
    }
    
    .header-scrolled #header_main_alternate {
    position: relative;
    }

    You might need to clear browser cache if it’s still not showing properly on your end.

    Best regards,
    Nikko

    #1069712
    Eric Marks
    Guest

    Thank you! If there is any way you could answer one more question. Is there any feature, plugin, or css that would allow my circle logo to be in the header like this website? Where it bulges out of the header without making the entire header larger? Thanks!!

    Eric

    #1069938

    Hi Eric Marks,

    Try adding this css code in Quick CSS:

    #top #header .logo {
        overflow: visible;
        margin-left: -42px;
    }
    
    #top #header .logo a {
        background-color: #e6e3dd;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        box-sizing: content-box;
        padding: 30px;
    }

    Best regards,
    Nikko

    #1070031
    Eric Marks
    Guest

    Wow! That made the circle cut out in the header perfectly but didnt actually increase the size of the logo itself to further fill the circle area. Is there a way to increase logo size little by little playing with pixels in order to get it to fit larger in the circle? You’re awesome! Thank you!!

    Eric

    #1070175

    Hi Eric,

    Thanks for your kind words, please replace this code I gave:

    #top #header .logo {
        overflow: visible;
        margin-left: -42px;
    }

    with:

    #top #header .logo {
        overflow: visible;
        margin-left: -42px;
        height: 170px;
    }

    Just adjust the height value.
    Hope it helps.

    Best regards,
    Nikko

    #1070196
    Eric Marks
    Guest

    That works perfectly on Desktop! The very last question I have to wrap this up is how do we prevent this new css from messing up the mobile header? The header is much larger and padding is messed up on mobile view if you view it on smartphones. If you can provide css or some fix for that, we can wrap everything up! Thank you SO much for your help!

    #1070233

    Hi Eric Marks,

    Try adding this css code in Quick CSS:

    @media only screen and (max-width:767px) {
      #top #header .logo {
        margin-left: -20px;
        width: 150px !important;
        height: 150px !important;
        position: absolute;
      }
    
      #top #header .logo a img {
        max-height: none;
      }
    
      #top #header .inner-container {
        min-height: 80px;
      }
    }

    Best regards,
    Nikko

    #1070249
    Eric Marks
    Guest

    Hi, so I tried the css and it fixed the weird header but it made the mobile header have that little circular hang-down like the header on desktop. Since its mobile, that circle logo hangs don and blocks all of the blog post titles. Is there any way for mobile only you can revert it back to the regular header where the logo is contained inside of it? Thanks!!

    #1071586
    Eric Marks
    Guest

    Hello, did you see my last reply? Thank you!

    Eric

    #1071674

    Hi Eric Marks,

    I apologize for the delayed response.
    Try to replace all the code I gave to:

    @media only screen and (max-width:767px) {
      #top #header .logo {
        margin-left: -20px;
        overflow: visible;
        width: 150px !important;
        height: 150px !important;
        position: absolute;
      }
    
      #top #header .logo a {
        background-color: #e6e3dd;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        box-sizing: content-box;
        padding: 30px;
      }
    
      #top #header .logo a img {
        max-height: none;
      }
    
      #top #header .inner-container {
        min-height: 80px;
      }
    }

    Best regards,
    Nikko

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