Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 16, 2024 at 9:53 pm #1469272
    iveyeng

    Hello,

    I’m trying to place some text “30 Years of Excellence” below the logo. I’ve looked through all the documentation and have added code snippet to both the functions.php and style.css files. I’ve added a new widget also in the widgets panel. I am getting nothing. I’ve disabled the cache plugin and also disabled js compression and merging. I also did a hard refresh, etc. as explained in the documentation. Could you please help or confirm I’ve placed the correct code snippets. Thanks,

    Lisa

    October 17, 2024 at 9:29 am #1469296
    Rikard

    Hey iveyeng,

    Did you try following this? https://kriesi.at/documentation/enfold/logo/#text-logo-with-subtext

    Best regards,
    Rikard

    November 5, 2024 at 8:46 pm #1470703
    iveyeng

    Rikard,

    I tried as you suggested and it worked. However, the mobile version has too much white space between the logo and first section of content. Is there CSS that will take care of that issue on mobile while maintaining the desktop version? This is the custom CSS I currently have. Thanks!

    #top .logo,
    #top .logo a {
    overflow: visible;
    }

    /* Subtext styling */
    .logo .subtext h1 {
    font-size: 13px;
    font-weight: 600;
    }

    .logo .subtext {
    z-index: 999;
    }
    /* Reduce the logo height to make space for the subtext below */
    #top #header .logo img {
    max-height: 65%!important;
    margin-top: 10px;
    margin-bottom: 12px;
    }

    /* OPTIONAL CHOICE : Change position of subtext when scrolled */
    #top #header.header-scrolled .logo img {
    max-height: 100%!important;
    }
    #top #header.header-scrolled .logo .subtext {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(120%, -50%);
    }

    November 6, 2024 at 6:26 am #1470734
    Ismael

    Hi,

    Thank you for the update.

    You can add this css code to remove the bottom margin of the logo:

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    #top .logo, #top .logo a {
        margin-bottom: 0 !important;
    }
}

    Best regards,
    Ismael

    November 15, 2024 at 12:55 am #1471349
    iveyeng

    Hi Ismael,

    I tried the css code (put it in the enfold child css file) to remove bottom margin for mobile. However, it did not seem to work. Any idea why it didn’t work?

    Lisa

    November 15, 2024 at 7:55 am #1471366
    Ismael

    Hi,

    Thank you for the update.

    Where did you add the css code? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    November 15, 2024 at 7:55 am #1471367
    Ismael

    Hi,

    UPDATE: We found an invalid code in the Quick CSS field and corrected it. Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    November 15, 2024 at 7:22 pm #1471434
    iveyeng

    Hi Ismael,

    I added the css code to the enfold child css file. Should they be added to Quick CSS field? The file compression settings were already disabled. I also purged the cache. Unfortunately, I don’t see the changes on my mobile device.

    November 16, 2024 at 1:39 pm #1471462
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
        height: 190px;
    }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 20, 2024 at 1:12 am #1471712
    iveyeng

    Hi Mike,

    Unfortunately that did not work. And I cleared the browser cache. Any other ideas?

    November 20, 2024 at 5:23 pm #1471779
    Mike

    Hi,
    When I check I see this:
    Enfold Support 6540
    is this not correct, try adding a screenshot of what you wanted to see.

    Best regards,
    Mike

    November 21, 2024 at 12:50 am #1471806
    iveyeng

    Hi Mike,

    Not sure how to attach a screenshot on here. Your screenshot looks correct, but that looks like the desktop version. It’s the mobile version where I’m having issues. There’s two much white space between the logo/30 years text and the gray box. I’ve cleared the browser cache several times.

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