Forum Replies Created
-
Posts
-
I have found out that you need to purge cache (all cache plugins) to make burger disappear.
Anyway, all CSS modifications to mobile menu will not work after this update. Good news is that new menus for mobile already have 80% of my modifications. 20% I need to make from scratch.
Thank you, you can close the topic.
For those, who need to debug or inspect a site on Android:
https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?hl=enThank you, it works. My code is:
/* Main page slideshow correction */ @media only screen and (min-width: 80px) and (max-width: 530px) { #top .avia-slideshow-inner {padding: 0px; height: 300px; width: 200%; transition: none 0s ease 0s; transform: translateZ(0px);} /* Fallback image correction */ .av-mobile-fallback-image img {padding: 0px; height: 300px; width: 200%; transition: none 0s ease 0s; transform: translateZ(0px);} }Small problem is that Enfold loads cropped image from the beginning and we crop it again. Still, it is better than it was before.
The fallback image is on the main page of http://swn.com.ua/
May be there is a chance to temporary modify the js file like in this reply?
https://kriesi.at/support/topic/video-background-mobile/#post-252474I made my video slide to be bigger on mobile-size screen. I works perfectly on desktop, but fallback image on the phone has white stripes at top and bottom side.
So, I wanted to resize the fallback image to fit the new size of the video slide.Thank you, it worked. I have added #top and !important to every value in my style.css for the future.
But there is a new bug (?) after the update to ver. 3.2 that I could not trace. I want my left menu to look like this:
http://swn.com.ua/ukraine/registerbut on Hello page (and only this page) the menu looks like this:
http://swn.com.ua/ukraine/flat-feeI had deleted the page (completely, Trash was empty) and created a new one. And it still looked like this. Then a have changed the name (not slug) and it looked like I have expected (with bottom border).
Then I have added the content and it does not show the bottom border again! I do not understand what is going on. I have tried to change the name and it did not help. Sometimes it uses CSS values, sometimes not. And I could not figure out what triggers it to show the style.
Did not work with or without function.php code. Only font weight changes. The mystery is that all browsers show in the inspector that they use Tenor, but they do not.
Quick CSS worked fine, but does it mean that it is not saved in my child theme and I will have to add the code everytime I update it?
Here is the link:
http://swn.com.ua/in-ukraine/flat-feeWhen I change the code with Chrome Inspector everything works fine, but my style.css does not have any effect on the bullets. For example:
#top .header_color .avia-bullet { border-color: #54628E !important; }does not even shown in Inspector. It is very strange. IE acts the same way.
Okay, guys! I made it. You should add the following line to CSS:
#top .active-parent-item { overflow: visible !important; }and everything works smooth. I just did not understand why overflow was used anyway. I hope my finding will help someone.
Have a nice working day! :)
PS: After adding the line mentioned above
.avia-bullet { display: none !important; }code does not work anymore. It’s crazy.
How can I remove bullets from the submenu now?
Hi!
I’ve used the code
li.current_page_ancestor > a > .avia-menu-text { color: #222; } li.current_page_ancestor > a > .avia-menu-fx { visibility:visible; opacity:1; }to underline my main menu item when submenu page selected and it works :) But the line in main menu is overlapped by the header border. I have found out that it happens because the state of the parent element does not toggle to
element.style { overflow: visible; }
So, how can I toggle it? Or is there any other way to overlap the nasty overlapping border? ;)I understand this. When HTML appeared there were same limitations. It seems that shortcode is not mature yet. Hope it will be changed soon.
Debugging mode is a nice feature, you should make a button to activate it without adding code to functions file :)
I did that already, “tabs in tabs” thing still does not work for me. I tried some shortcodes nested and it seems that most of them work. But some (tabs shortcodes, for example) do not work nested. So, I try to find some way to solve this.
I am going to try next is to use widget. But it is less convenient.
PS: Widget didn’t work.I have resolved the issue. While uploading my logo I have chosen to load it as fullsize. Now it works nice. Such a small thing but so much trouble :)
Thank you for the greatest theme ever! ))
I tryed to use the CSS code above and I got blurry logo image. It is very important to use width:auto instead of fixed width though.
My header hight is set manually at 77px. My logo size is 77×535 px, so I added the code:
.logo img, .logo, .logo a { width: auto; height: 77px; }It seems that my logo is downsampled and then it is made bigger. May be I can turn off this downsampling “feature”?
