Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 19, 2024 at 9:17 pm #1471704
    bellwetherroofing

    Howdy Enfold Team, I added some code from a thread when I could center the logo and make the menu navigation right. It works but the menu is on 2 lines on desktop. Is some code I could add that would make menu one line?

    November 20, 2024 at 10:43 am #1471729
    Rikard

    Hey bellwetherroofing,

    Please try this CSS as well:

    #header_main_alternate {
  width: 300px;
}

    Best regards,
    Rikard

    November 20, 2024 at 7:27 pm #1471791
    bellwetherroofing

    Wow Thank You for that code. Is there way to make the navigation centered vertically as well?

    November 21, 2024 at 12:52 pm #1471834
    Rikard

    Hi,

    Please try this instead:

    #header_main_alternate {
  width: 300px;
  top: 35px; 
}

    Best regards,
    Rikard

    January 13, 2025 at 8:27 pm #1475068
    bellwetherroofing

    Thank you for your help Rikard! I ran into another issue with the code. There is now white space under the logo seeing we moved the navigation the the right. Is there any way to remove that space without changing the logo size?

    January 14, 2025 at 5:51 am #1475073
    Ismael

    Hi,

    Thank you for the update.

    You can adjust the top padding of the #main container to decrease the space under the logo. Please add this css code:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 120px;
}

    Best regards,
    Ismael

    January 14, 2025 at 6:15 pm #1475098
    bellwetherroofing

    HI, I added that code but the header height looks the same. I even tried to adjust the padding number with no success.

    January 14, 2025 at 6:52 pm #1475099
    hankboomer

    Hi guys, i just started a new site putting the exact same inputs i have from a previous one. Yet, impossible to remove the white header + impossible to get the logo centered. 2 sames themes, sames inputs and different results. Crazy.

    January 15, 2025 at 6:50 am #1475124
    Ismael

    Hi,

    I added that code but the header height looks the same. I even tried to adjust the padding number with no success.

    Where did you add the css code? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings or post the login details in the private field so that we can check the theme options.

    Best regards,
    Ismael

    January 15, 2025 at 10:03 am #1475137
    hankboomer

    dear team, i am sorry to see that despite the purchase code i cannot post any new request. very strange

    January 15, 2025 at 6:25 pm #1475182
    bellwetherroofing

    @ismael
    The code is added under enfold/ general stying/ quick css. I also disabled the file compression. Attached is a temporary link for you to login.

    January 16, 2025 at 6:11 am #1475207
    Ismael

    Hi,

    Thank you for the access.

    We adjusted the css code a bit. Please check this screenshot: https://imgur.com/a/YfWdBI1

    Best regards,
    Ismael

    January 16, 2025 at 7:21 pm #1475254
    bellwetherroofing

    Thank you! On desktop it looks great! on tablet/mobile now the header is really tall. How would that be amended?

    January 17, 2025 at 7:51 am #1475278
    Ismael

    Hi,

    Thank you for following up.

    We added this css code to adjust the padding on mobile view:

    @media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0 !important;
  }
}

    Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    January 17, 2025 at 8:51 pm #1475319
    bellwetherroofing

    Thank you!

    January 18, 2025 at 12:55 pm #1475335
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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