Tagged: responsive
-
AuthorPosts
-
November 3, 2013 at 3:48 pm #183940
I’m sorry to tell you that my website (is not yet finished) http://www.equipodemarketing.com the logo adaptation to the smartphone mode does not adapt themselves to the different wide formats. I looks like the logo .png, 340×156 is not responsive, it’s not flexible, it always remains at the same size.
Have a look at – http://www.equipodemarketing.com
I have used the last Enfold update: Version 2.4
Tell me please what can I do, with instructions of how to repair the bug. Many thanks and regards from Madrid, AdolfoNovember 3, 2013 at 4:48 pm #183943maybe try version 2.42 (quite new…)
November 3, 2013 at 5:59 pm #183957But. where can I found this version? The one I have installed was version Item ID: 4519990, which is version 4.2. the same I can download in http://themeforest.net/downloads?username=ahauber
I cannot find version 2.42. Tel me please where. Many thanks AdolfoNovember 3, 2013 at 6:01 pm #183958Version Item ID: 4519990 is the one I have installed and the one that present the problem with the logo
November 3, 2013 at 6:30 pm #183967Excuse me. The Current Enfold Theme i’m using is Version 2.4.2. ¡I have checked it rignt now!. This is the version who presents the problem with the logo, wich is not responsive. Many thank for the support, Adolfo
November 4, 2013 at 3:40 pm #184276Hey!
Please add following code to Quick CSS in Enfold theme options under Styling tab
@media only screen and (max-width: 768px) { .logo a { overflow:visible!important; } .responsive #top .mobileMenu { margin: 35px 0 10px 0!important; }}
Best regards,
Yigit- This reply was modified 11 years ago by Yigit.
November 4, 2013 at 3:50 pm #184284Dear Yigit,
Sorry, but your solution doesn’t work. See it in,…
http://equipodemarketing.com/
Keep in contact. Many thanks and regards from Madrid, AdolfoNovember 4, 2013 at 3:53 pm #184287Hey!
I edited the code in my previous post, please try it now. After applying the code, please flush browser cache and reload page a few times.
Cheers!
YigitNovember 4, 2013 at 5:28 pm #184345Now it works. I have also changed the header type to “small fixed header type” (this is my client that have asked so) and it works!!! Many thanks and regards from Madrid, Adolfo
November 4, 2013 at 8:28 pm #184428Dear Yigit,
I think something is already wrong with the logo. I can see it perfectly in a iPhone but I see the logo broken in a Windows Phone Nokia 925.
How can I send for your information two screen captures made with my Nokia 925 of the two websites?
http://equipodemarketing.responwebdesign.com/ and http://equipodemarketing.com/
They are equal. The first made with Enfold Version 2.3.2 and the second with 2.4.2. So you can observe how the logo is broken with version 2.4.2 in http://equipodemarketing.com/
Best regards from Madrid, AdolfoNovember 4, 2013 at 8:49 pm #184434Hi!
You can upload screenshots on http://imgur.com/ or Dropbox and post links here. I do not see any difference in logos in both of the links you provided. They are just using different headers so heights are different.
Regards,
YigitNovember 4, 2013 at 9:16 pm #184449Here you have and many thanks for everything. Regards, Adolfo
November 4, 2013 at 9:47 pm #184470Hey!
Please flush browsers cache on your smartphone. I just checked on my iphone and it looks just fine.
Cheers!
YigitNovember 5, 2013 at 12:42 am #184555I have already done, I have flushed the cache but it does not work. I told you already ” I can see it perfectly in a iPhone but I see the logo broken in a Windows Phone Nokia 925.”
I works in a iPhone, but not in a Nokia which have IE. Perhaps IE has something to do whit this,…
I insist, in your version 2.4.2. something is not working properly.
I dont get this problem with version 2.3.2. You have seen the images I enclosed.
Regards, AdolfoNovember 5, 2013 at 2:28 am #184585Hi!
What is the version of IE on Nokia 925? The logo adjust properly when I check it on IE8 to IE10. You can check the look of your website on mobile view here: http://responsinator.com/?url=http%3A%2F%2Fequipodemarketing.com%2F
Best regards,
IsmaelNovember 5, 2013 at 10:53 am #184718Dear Ismael,
The version should be IE Mobile, i’m not quite sure,…
I have checked Responsinator.com and, sorry, I insist. the logo looks broken. See this,…
http://responsinator.com/?url=http%3A%2F%2Fequipodemarketing.com%2F
But should look like this,…
http://responsinator.com/?url=http%3A%2F%2Fequipodemarketing.responwebdesign.com%2F
What should we do? Many thanks for the support, AdolfoNovember 6, 2013 at 11:54 am #185125Dear Ismael,
You can even see how the logo is broken in Google Chrome in my computer, not event in my Nokia Windows Phone,…See here, http://equipodemarketing.com/contacto/
Have you talk with Kriesi about this problem?. Please I need a solution, because my client starts to be angry.
What reason this happens with Enfold version 2.4.2 and not whit 2.3.2.?See here, http://equipodemarketing.responwebdesign.com/contacto/
Many thanks for everything, Adolfo
November 6, 2013 at 5:08 pm #185246Dear Ismael,
Another example of mine that works fantastic is http://corpopromo.com/ (and the logo is not broken) and also made with the Enfold version 2.3.2.
Please, I need a solution to this point asap.
Regards, AdolfoNovember 7, 2013 at 12:47 am #185399Hey!
Please try this:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .logo img, .logo a { width: 152px; max-width: 152px; min-width: 152px; height: 80px; min-height: 80px; max-height: 80px; } }
Best regards,
IsmaelNovember 7, 2013 at 10:40 am #185533Hey Ismael, buenos días!!!
Bravo and many thanks,… ¡It works now!!!!! The logo is not broken anymore and it is responsive!!!!!
Only a little problem, the logo stay on the left instead in the middle of the screen. See it here –
http://equipodemarketing.com/
It is not centered. ¿Any idea? ¿Any solution to center the logo?
I have to buy you a beer!!! ;-)
With all my thanks and with my best regards from Madrid, AdolfoNovember 7, 2013 at 4:13 pm #185673Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) { .responsive .logo { margin-left: 50px; }}
Regards,
YigitNovember 7, 2013 at 5:29 pm #185719Hi Yigit,
No, if I add your last code the logo gets broken again like before.
It doesn’t work, sorry.
I have added again this and now it works again but logo it’s not centered,…@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.logo img, .logo a {
width: 152px;
max-width: 152px;
min-width: 152px;
height: 80px;
min-height: 80px;
max-height: 80px;
}
}Perhaps a better mix of both pieces of codes,..???? Something like margin-left: somewhere,…
Regards, AdolfoNovember 8, 2013 at 3:03 am #185966Hey!
Glad it worked. Please use this:
@media only screen and (max-width: 767px) { .logo img, .logo a { width: 152px; max-width: 152px; min-width: 152px; height: 80px; min-height: 80px; max-height: 80px; left: 30%; } }
Regards,
IsmaelNovember 8, 2013 at 11:49 am #186089Dear Ismael.
So now the logo looks not broken. This is the god news.
But the logo stay not quite in the middle, centered, but stay more on the right. See here,…http://responsinator.com/?url=equipodemarketing.com%2F
Problematic, this,… Many thanks again for your efforts and best regards, Adolfo
November 8, 2013 at 2:35 pm #186129Dear Kriesi,
Congratulations for the great WYSIWIG and fully intuitive Enfold Theme you have developed.
For me is clearly the best ever WP Theme, inclusive better than the Avada Theme, and the one which I better like to work with. Have not any doubt of it.
I appreciate your efforts to increase the number and quality of design Layouts, Content and Media Elements you provide in all your Theme upgrades.
For this reason I wrote to kindly ask you to improve the general look and characteristics of the Accordion and Tabs Menus you are offering in Enfold, which I utilice a lot in my website developments.
Accordion Menus – Ideas,…
http://theme-fusion.com/avada/accordion-toggles/
Tabs Menus – Ideas,…
http://theme-fusion.com/avada/tabs/
More Divider Styles – Ideas,…
http://theme-fusion.com/avada/dividers/
Tell me please what do you think about my suggestion. Many thanks and best regards from Madrid, AdolfoNovember 8, 2013 at 2:41 pm #186132Hi!
Please adjust the value of left: 30%; in Ismael’s code. You should decrease it to center it perfectly.
As for your message to Kriesi, you can post your request as a feature request here https://kriesi.at/support/topic/enfold-feature-requests/
or you can contact Kriesi directly using the contact form on contact pageBest regards,
YigitNovember 8, 2013 at 3:20 pm #186153Hi Yigit,
It appears than it works properly with 20%. Many thanks on both, you and Ismael.
Tanks, really, for everything and best regards, AdolfoNovember 8, 2013 at 3:22 pm #186155 -
AuthorPosts
- The topic ‘Enfold Theme – Wrong Logo adaptation when viewing in smartphone mode’ is closed to new replies.