-
Closed
-
Hi folks,
I have this issue only after upgrade my 4th site in 1.9.0 evolve plus
Even with not choose the “Disable main menu Hover Effect” box, hover effect in menu doen’t appear. In my three other sites with 1.7.8 versions, the hover effect in menu works fine.
I need your lights on this
Thanks in advane
Georgios
Ok Roman,
The url is : http://www.cleanpasss.grandeurandluxury.com
By the way, please check how it looks my site in mobile phone. I have some issues too there.
In pc, ipad ok. In smartphones…mesh!
Hi,
The website url you provided is not resolving, there is an additional s in the word cleanpasss. Is this your website url? http://cleanpass.grandeurandluxury.com/en/home/
I am not seeing any error in my error console.
I can see that one of your plugins load a css file full of transition codes, this is probably the conflicting plugin.
Please disable plugin one at a time to find out the conflicting plugin.
For your mobile header, Please use the following codes in Theme Options -> Custom CSS
@media (max-width: 768px) {
.header {
height: 300px !important;
}
}
This will prevent it from looking “mesh”.
Thanks!
Hi friends,
Sorry for my mistake in url. Definitely is cleanpass.grandeurandluxury.com
Now in our issues. I disabled all the plugins, even the core plugin for evolve plus. Nothing changed. I disabled one by one. Nothing again. May be I have to reinstall the file that controls the menu hover effect. But you need to tell me, which file and where to put.
For the mobile header appearance, with your css codes, works fine. Thanks!
Could you please give a custom css in order to contol more precise the position of the blog title and the tagline and customize their alignment . Not just right, center or left…
Thanks again for your immediate reply
Georgios
Hi Georgios,
Thanks for writing in,
In regard to “Menu hover effect”, you don’t need to reinstall any files, you can activate them by adding the following code under Appearance > Theme Options > custom CSS:
@media only screen and (min-width: 768px) {
.link-effect a:hover span, .link-effect a:focus span {
-webkit-transform: translateY(-100%) !important;
-moz-transform: translateY(-100%) !important;
transform: translateY(-100%) !important;
}
}
Secondly, If you wish to control the positions of your blog title and tagline, so you can use the following code under your custom CSS:
#logo, #logo a {
margin-left: 30px;
}
#tagline {
margin-left: 25em;
margin-top: 26px;
}
Hope this helps!
Thanks.
Hi friends,
For the menu hover effect, now everything is fine. Thanks!
For the blog title and tagline position, I used your code, but in mobile display (android) the tagline was barely out of site, far right.
Because I want the tagline right close to the blog title, I changed your code in the following:
#logo, #logo a {
margin-left: 1px;
}
#tagline {
margin-center: 1em;
margin-top: 26px;
}
This made things right in mobile version , but in the wide screen (horizontal position) it needs some work.
I have noticed that either parallax slider and widgets, were not appeared in both cases in my smartphone (HTC 601, android, dolphin browser). PC and iPad no problem!
Try for yourselves: http://www.cleanpass.grandeurandluxury.com
Hi,
For android devices, Please use android stock browser. Other mobile browsers such as firefox mobile and chrome mobile may not support the javascript in our theme. And there is no way for us to make it work in them.
We never tested our theme in HTC 601, android, dolphin browser, so I assume it’s having the same issues as firefox mobile.
We only develop our theme in Window and Mac Desktop browsers, for mobile, we only use iPhone and iPad as standard devices, because they run the same iOS. Android devices have too many sizes and standards, and operating system is open source. Each company has a slightly different android operating system. We cannot use it as a development standard.
The above is my opinion, perhaps my colleagues has different opinion or solution.
Thanks!
Hi friends,
Well, all of the sudden it works perfectly in my android phone and in default and in dolphin browser. I think that was a problem of my internal memmory or server problem. So, no problem in android either!
Just to finish with the header elements please provide me the code also for the custom logo position. You have already gave me blog title and tagline custom position.
I suggest in a future updates to make header full customizable, since header is the first that eyes focused on in sites. Not only left, center or right.
Thank you very much for your help!
Georgios
Hi Georgios,
In regard to custom logo position, so you can control that by using the following code into your custom CSS:
#logo-image {
margin: 15px 64px 0 10px !important;
}
Hope this helps!
Thanks.
Hi folks,
Thanks for the logo-image position custom css.
Regards to all in the T4P team
Georgios
The topic Menu hover effect not working in my 1.9.0 evolve is closed to new replies