-
AuthorPosts
-
November 19, 2014 at 9:03 am #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 3Click 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 alignNovember 20, 2014 at 3:44 am #354109Hey consult!
your website on mobile looks fine for me. Logo looks nice, as well as “Learn more” button. Where is the problem?
Cheers!
AndyNovember 20, 2014 at 9:27 am #354145This reply has been marked as private.November 21, 2014 at 6:45 am #354911Hi!
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!
AndyNovember 21, 2014 at 2:48 pm #355175The 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 helpfulNone 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.
November 21, 2014 at 10:41 pm #355638Hey!
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.
November 24, 2014 at 2:32 pm #356792Great 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 desktopOn 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.phpi 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
November 24, 2014 at 11:19 pm #357211This reply has been marked as private.November 26, 2014 at 4:38 pm #358341Hi!
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!
ElliottNovember 26, 2014 at 9:33 pm #358561OK
Upload where? And what file name? How will theme know if there is a double siZe for retinaThe normal logo is uploaded in Enfold Child >> normal size.
you want me to upload 2x version where ?and how ?November 28, 2014 at 1:31 am #359321Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.