Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #353508

    Follow these steps for error creation:
    Or send me the correct CSS code:

    Create a dummy site, or on your version, please allow the logo and menu activated on mobile:
    .responsive #top #header {
    position: fixed !important;

    }

    Now that you see a logo and social bar on the mobile potrait and landscape both.

    Step 2
    =======
    Create a page which has a 1st section as parallax, with a learn more scroll button, which goes to anchor below on next color sections.

    =====
    Step 3

    Click on the learn more from mobile version.

    ======
    Step 4,
    you will see… perfect alignment of the section.

    Step 5.
    ======
    Here I want to reduce the logo height and white area, as its taking too much space specially on landscape, you dont have much left to read the website.
    So reduce the logo area..
    .responsive #top #header .logo
    {
    padding-top:0px;
    margin:0px auto 0px;
    padding-bottom:0px;
    margin-bottom:0px;
    height: 30px!important;
    }
    .responsive #top #main {
    padding-top: 60px !important;
    padding-bottom:0px !important;
    margin-bottom:0px !important;
    }

    now the logo looks nice, but try scrolling using the learn more / go to the below anchor…
    the below section does not align

    #354109

    Hey consult!

    your website on mobile looks fine for me. Logo looks nice, as well as “Learn more” button. Where is the problem?

    Cheers!
    Andy

    #354145
    This reply has been marked as private.
    #354911

    Hi!

    I think this thread is about the same topic as here: https://kriesi.at/support/topic/white-space-below-logo-2/
    right? So please follow my instructions there.

    Cheers!
    Andy

    #355175

    The logo and main menu navigation, has too much white space, We need to use a logo which is slim, (44px in height or max 60px).
    BUT we need the white space below the logo right above the navigation to go away.
    I need code for this.

    (also keep in mind when I do this too, the Learn more scrolling wont match, at all please read the post above for details)

    I repeat the same question: Nothing you have given me is helping:
    I had clearly mentioned the steps above to follow, and create the error, but you dont seem to be helpful

    None of the CSS code below has helped from you:
    ==============
    Elliott wrote:

    Hi consult!

    It looks like the problem is this code in your Quick CSS field.

    .responsive #top #header .logo {
    height: 90px !important;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    }

    Remove the !important rule. Or just reduce the height there.

    Best regards,
    Elliott
    ===========
    Elliott wrote:

    Hi!

    Add this to your custom CSS.

    #header #header_main_alternate .container {
    padding: 0px !important;
    }

    Cheers!
    Elliott
    ================

    Not working any of the above… please provide support or stop selling such Themes…which dont work, and there are 100000 issue in support forum,. which clearly proves that your theme has a lot of capability but at the same time its not working for everyone..somehow there are defects.

    #355638

    Hey!

    It looks like your probably wanting to set a custom pixel value for your header in Dashboard > Enfold > Header > Header Size. If that’s not correct then send us a WordPress login and take a screenshot highlighting what your trying to do so we can get a better idea.

    Also, it looks like you created two topics for this. Please do not double post.

    Best regards,
    Elliott

    • This reply was modified 10 years ago by Elliott.
    #356792

    Great Bro

    Thanks for this

    Now i am trying to fix the custom height as “45px”,

    I now have another picky issue, my client is saying that they are seeing blurry logo image.

    I want to fix the height at 45px, but some how my logo is wide. and its blurred

    https://kriesi.at/support/topic/mobile-logo-blurry-gets-techy-and-complicated/
    I have read your post and WP-Retina 2x does not help, since i am not concerned about post images
    i am only talking about Logo..

    Please check this link on your TAB.
    and on the desktop

    On desktop Its nice and sharp, but on tab potrait and landscape both the logo is blurred.

    please help thanks a lot
    >>
    If i go with manual solution ,… editing header.php

    i wont be able to update your theme…

    i am using child theme.. but only using custom css
    and functions…

    is there a way to use header.php empty and then put my code.. on child theme …
    i dont think so … ! u need to use the real header.. and put your code..
    then update and redo this step correct ?

    anyways.. please provide solution for blurred logo

    #357211
    This reply has been marked as private.
    #358341

    Hi!

    The logo image your using is the same size. You’ll need to upload a bigger logo (I would try double the size). It should still fit inside the area but on retina screens it will look sharper because the image is bigger.

    Cheers!
    Elliott

    #358561

    OK
    Upload where? And what file name? How will theme know if there is a double siZe for retina

    The normal logo is uploaded in Enfold Child >> normal size.
    you want me to upload 2x version where ?and how ?

    #359321

    Hi!

    You would replace your existing logo with a bigger one. Since you have a custom pixel value set for the header the logo will shrink to fit inside but still look sharp on retina screens.

    Regards,
    Elliott

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