Forum Replies Created

Viewing 30 posts - 31 through 60 (of 62 total)
  • Author
    Posts
  • Do I need to create a child theme for access to these settings? Or is it possible to access these settings whithout child theme? I dont see why I would need a child theme just for these settings.

    in reply to: Add and center images in socket area #964919

    Really thankful for the help and support provided!
    It works, but needs some adjustments.

    It looks good in mobile, and tablet landscape.
    However, in tablet portrait and desktop the images are off center.
    I would say its most important they are perfectly centered in desktop.

    I provided a screenshot in private content.

    in reply to: Add and center images in socket area #962427

    Provided log in details in private content

    I also removed all of the code mentioned above. Only the 6 image URL:s are left in Enfold -> Footer -> Copyright area. I would like if they are set to max height 25px.

    in reply to: Add and center images in socket area #961545

    Thanks for the reply!

    Can you give me a complete breakdown on how to structure it?

    Should I remove all the code I mentioned and replace it with

    .socket.class {
        display: flex;
        justify-content: center;
    }

    in quick css?

    in reply to: Logo in Center of Main Menu #955290

    Thanks for the reply

    This moves the logo to the left, making the whole menu and logo not perfectly centered compared to the content of the site.
    I need to only remove some margins between the logo and the left side of the menu.
    So instead of moving the logo to the left, the left part of the menu needs to move to the right.

    Provided a screenshot in private content to clarify the problem

    in reply to: Logo in Center of Main Menu #954640

    Sorry for bumping.
    To view the site, please use the credentials in the private content below

    in reply to: Logo in Center of Main Menu #953802

    Bump

    in reply to: Logo in Center of Main Menu #953509

    I have a new question (forget about the last question above, we are not gonna use the sticky header at all)

    I need to correct the margin to the left of the logo. The margin to the left is wider than the margin to the right of the logo. Its not our image as I have tried to delete the logo and use enfolds default logo, the problem remains.

    I need to decrease the margin to left of the logo so the margins left/right are even, what css code should I use?

    Provided screenshot in private content

    • This reply was modified 6 years, 6 months ago by belinger.
    in reply to: Logo in Center of Main Menu #947433

    Thanks again for you help.

    As you scroll the page there is an ongoing transition until the header is fully down to sticky header size

    I tried putting some code in /* YOUR CSS HERE */ as you mentioned above, it does work, but it creates a jump effect.
    The correction of the positioning of the logo is only visible after the header is 100% sticky header size

    If you scroll down on our staging site below in private content you will see the logo progressively shrinking in size until the header is fully sticky header, after that the logo jumps to the new position.

    Is it possible to have a smooth transition?
    Also what css code should I use to narrow the margins to the left and right of the logo in sticky header?

    in reply to: Logo in Center of Main Menu #946734

    It works great! :)
    So my final question, the logo was not perfectly centered. I managed to fix this my changing transform: translateX(-50%); to transform: translateX(-60%); in:

    #header .logo {
        left: 50%;
        transform: translateX(-60%);
        z-index: 999;
    }

    When the header scrolls down to sticky header size, it seems there is a new rule for centering the logo (the logo is not perfectly centered as in the normal header size).
    How can I better position the logo in sticky header size? I would also like to narrow the margins to the left and right of the logo in sticky header size

    The old fix Jordan mentione above does now work with this new approach:

    .header-scrolled.header-scrolled-full #menu-item-2384{
    margin-right:30px!important;
    }
    .header-scrolled.header-scrolled-full #menu-item-2398{
    margin-left:30px!important;
    }
    • This reply was modified 6 years, 6 months ago by belinger.
    in reply to: Logo in Center of Main Menu #946126

    Thanks, this was a much better approach!
    Strange about the logo, maybe it was cached on our site, I have re-uploaded it.

    One problem remains, the logo is still not clickable.
    I also want to center the logo better, but I left the custom css as provided and try to fix that after you have looked into why the logo is not clickable.

    in reply to: Logo in Center of Main Menu #944279

    After testing these quick css I have noticed a couple of things that needs to be fixed:

    1. In normal header size, only ~50% of the top of the logo is clickable
    2. In sticky header the logo is not clickable at all
    3. As you start scrolling the page, just as the header are about to go down to sticky header size, the logo gets stuck and remains only 50% visible, then jumps down. There is no smooth transition.
    4. The full width slider right below the header area is clipping inside the header area by ~5-10 px (a bit hard to notice at first since the slider/header is transparent)
    5. In mobile, the logo is only visible by ~25% and the burger menu just barely, making in unusable.

    in reply to: Logo in Center of Main Menu #941690

    Thanks again it worked too.
    A final question..

    How can I remove some margin of the main menu to the left and right of the logo when it goes down to sticky header size?
    I have found how to change the margin in main menu by changing the pixel size in this:

    #menu-item-2384 {
    margin-right: 150px;
    }

    But it also changes the margin when the header is not sticky (normal header size, not scrolling the page)
    How can I change the margin left/right of logo only when the header is sticky header?

    in reply to: Logo in Center of Main Menu #941157

    It worked thanks! But when I scroll the page, the logo disappears

    in reply to: Logo in Center of Main Menu #939378

    I dont know what the default size of the Enfold logo is, but this is what I want to achieve

    1. Position the logo in the center of the main menu = DONE
    2. Remove some padding and/or margin above the logo

    Rikard mentioned “set a different size for the header under Enfold->Header->Header Size?”
    Yes, this changes the size of the header area, but at the same time it also makes the logo smaller.

    So what I want to achive is in step 2. Remove some padding and/or margin above the logo.

    Try and change header under Enfold->Header->Header Size and you will see that the logo also gets smaller in pixel size. I ONLY want to make the header AREA smaller, not the Logo.

    in reply to: Logo in Center of Main Menu #936129

    Yes, setting a custom pixel value in Enfold->Header->Header Size, makes the header smaller, but at the same time also makes the logo smaller.
    Trying some different custom pixel values I find that ~80 px would be a good size, if the logo could remain the same size as if Enfold->Header->Header Size is set to the default value, “Large”.

    in reply to: Logo in Center of Main Menu #935296

    I managed to figure out the CSS code for moving the logo in the center of the main menu from this thread: https://kriesi.at/support/topic/logo-in-center-of-main-menu/

    Now I want to remove some padding and/or margin above the logo, there some unnecessary space above the logo. The logo should remain the same size, only remove some space above it.

    Whats the CSS code to achieve that?

    in reply to: Enfold App demo inconsistent dipslayed in various tablets #724397

    Is it possible to turn off tablet-mode completely? Either have tablet switching to Mobile or Desktop view.

    in reply to: Enfold App demo inconsistent dipslayed in various tablets #723877

    On iPad the problem is that the image is stuck in a transition between switching to another picture. If you look at image 3, 25% of the image is the red product image, while the remaining 75% is the grey product image. This does not change as you scroll down as it does on desktop.
    On my android tablet instead of 1 big image there is 4 small images. And they all appear as they should with different product images.
    EDIT: And yes, on my Android tablet our site looks identical to your Enfold App Demo with 4 small images.
    The problem seems to be related with iPad.

    in reply to: Enfold App demo inconsistent dipslayed in various tablets #722118

    I have provided screenshots below and URL to our website.
    The problem is mostly visible on IMG_0003.PNG
    On my Android tablet the left section of the page has a small image for every section/transition
    However, on iPad, instead of 4 small images it has 1 big image. On desktop this big image changes for every section as you scroll down the page.
    On iPad this image is stuck and only shows up at section 3 of the page as you scroll down. The image is displayed as it would be stuck in the middle of a transition.
    We have tried your demo http://kriesi.at/themes/enfold-app/
    And the problem is exactly the same, so its nothing wrong with our setup.

    in reply to: Enfold App demo inconsistent dipslayed in various tablets #721604

    Any suggestions?
    How can I force tablet to display the mobile view?

    in reply to: Change size of search box widget #708160

    Looks better, but could need some improvements.
    The search box is now bigger but still not the same height as the Fullwidth Buttons to the left and right.
    Also, this CSS affects the normal search box in header/menu. Its now bigger than default.

    Provided some links below

    in reply to: Change size of search box widget #706860

    Log in details below

    in reply to: Change size of search box widget #706409

    Thanks for trying to help!

    However, the color background of the magnifying glass now expands around the search box. I need it to look like a normal search box. Just bigger in height. So it has the same height as the buttons to the left and right of the search box in the widget.

    Also, the CSS changes the default search box in the header/menu. I need that search box to stay intact and not affected by these CSS-changes

    in reply to: Full width map will not display #673361

    Same here, full width map doesn’t work.
    Latest version of Enfold: 3.7.1
    Created a Google API Maps API key following the instructions:

    Tried every possible tweaks on the forum. It simply doesn’t work!

    in reply to: Rel nofollow in partner/logo element #652680

    Thanks for your reply. I have tried to figure out what to replace body > a with. I cant get it working. I provided link and further details in private area:

    in reply to: Issue with Animated Numbers #642163

    Hello!

    For some reason I cant start a new tread any longer, so I make a reply to this.

    I have a problem with animated numbers when it has multiple zeros and commas/dots, like this:

    14.000.000 animates into 14.0.0
    7.500.000 animates into 7.500.0

    Whenever a number starts as 000 after a “.” it cuts of the 000 and only display a single 0.

    in reply to: Change in what order mobile displays cells/columns #640501

    Provided login details

    in reply to: Dimension/size of Shop banner? #617557

    Added the code to Quick CSS and now the background images are visible again.

    But the main problem still remains. The background image zooms in and out depending on what screen resolution you have. Not the usual way with a background image that are fully visible and scales, not zoom.

    I want the background image to be always be fully visible no matter what screen resolution. At the current state and in some resolutions (higher resolutions) I cant see what the picture is supposed to be, because its zoomed in and only shows a small part of the full background image.

    • This reply was modified 8 years, 6 months ago by belinger.
    in reply to: Dimension/size of Shop banner? #613029

    I added the code at the very bottom in functions.php. After that, header images are no longer visible, just white empty space. I have tried to re-upload images and can see the small thumbnail in product-category settings. But they no longer appear as product-category/header images.

    EDIT: Images not appearing happened after I updated Enfold to 3.5. I tried the code above with 3.4.1 of Enfold, and the images were visible but they were still in parallax, the code did nothing. Now, in 3.5 it just removes the header images.

Viewing 30 posts - 31 through 60 (of 62 total)