Tagged: exception, mobile menu
-
AuthorPosts
-
February 24, 2016 at 10:22 am #588272
I’ve tried to search answers, but nothing helped me to fix it.
after adding
function my_backlink ( $link )
{
return ”;
}add_filter( ‘kriesi_backlink’, ‘my_backlink’, 10, 1);
to bottom of functions.php
enfold copyright disappeared but
“function my_backlink ( $link ) { return ”; } add_filter( ‘kriesi_backlink’, ‘my_backlink’, 10, 1);”
appears at bottom of my site.Second problem is white and brown stripes at the bottom of main page
- This topic was modified 8 years, 9 months ago by niobeer. Reason: found an issue of one problem by myself
February 24, 2016 at 4:00 pm #588448To disappeared enfold copyright put that on Enfold > Footer > Copyright on the field put your text and [nolink].
On footer.php put the default code.
February 24, 2016 at 4:32 pm #588473I’ve fixed all this problems, but now i have new!
On my macbook pro 13″ i have very nice picture of centered logo, but on acer 14″ logo moves to the right and its over some menu items (Google chrome at both pc’s).
I’ve used quick css:
.av-main-nav li:nth-child(4) {
margin-right:50px;
}.av-main-nav li:nth-child(5) {
margin-left:150px;
}.av-logo-container {
position:absolute;
left: 160px;
}#header_main_alternate {
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
z-index:9;
}
.logo {
z-index:9999!important;
max-width:400px;
}and i still want logo like this:
http://lapastafresca.ru/contacts/Next one problem is that main page with fullscreen slider doesn’t work properly (tested in Safari on macbook and iphone 5/6):
I can see white background and button instead of fullscreen slider and button with heading.
But in google chrome is ok…
Help me please make it work properly.
Thank you!February 25, 2016 at 3:38 pm #589188Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 1200px) { .html_header_top.html_logo_center .logo { left: 42%; }}
Best regards,
YigitFebruary 25, 2016 at 6:47 pm #589363Thank you, Yigit!
How can I make:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 225px!important;
}at all pages except one page?
I guess i need make this code for all pages one by one?Thank you in advance!
February 27, 2016 at 5:34 am #590134Hi,
You shouldn’t have to do that, please link to the page you want to exclude so that we have see the page id class.
Regards,
RikardFebruary 29, 2016 at 6:14 am #590578Hello, Rikard!
it is main page of my site.
And i have two more questions:
1. when i am looking for this page on iphone i cant see menu because it is over the video, how can i fix it?2. i made pictures with hover effect using codeblock, but i want to make second image as a link to some page. But when i add <div></div> code there is some new hover effect with arrow appears and image is cutted. how can i fix it?
partially fixed with
.image-overlay {
visibility: hidden;
}
but image is cutted again :(
/I mean the image which added with codeblock using <div>, i need it because of smooth overlay effect on mouseover/this one didn’t help
.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
} /it turns off only black circle with arrow but white transparent overlay still there/Thank you in advance!
- This reply was modified 8 years, 8 months ago by niobeer.
March 3, 2016 at 9:10 am #592496Hi!
1.) The mobile menu color is set to “white” same as the background. Adjust the color value with this:
#advanced_menu_toggle, #advanced_menu_hide { background-color: #ffffff; color: red; border-color: #ffffff; }
2.) The frame images looks fine on hover. Could you please provide a screenshot of the issue?
Cheers!
IsmaelMarch 3, 2016 at 10:36 am #5925351. Thank you very much!!!! It works Great!
2. Sorry, but i wait too much time and found how to make what i want other way (using functions.php and custom css). Images looks fine but i cant do smooth animation of fade like in case with <div>. Link with cutted image attached. And if you can fix it help me with zoom animation like i have now with normal image on mouse over.And now i have one more task with menu I cant solve:
In my macbook 13 with Retina Menu Items looks fine but if someone uses low resolution for example 1366×768 and close to this they are facing with https://mail.google.com/mail/u/0/?ui=2&ik=dcc23ead88&view=att&th=153388f239642324&attid=0.1&disp=safe&zw
and https://mail.google.com/mail/u/0/?ui=2&ik=dcc23ead88&view=att&th=153388f239642324&attid=0.2&disp=safe&zwi’ve tried to put
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: #3d2312;
font-size: 30px;
text-shadow: 0 0 12px white;
font-family: ‘eurofurence_light’;
background: transparent;}
#avia-menu li:hover a {
font-size: 32px;
text-shadow: 0 0 3px white;
glow: white;
color: #3d2312;
border-radius: 2px !important;
}into @media only screen and (min-width: 1200px) {} but still have no result.
How can i fix?
Thank you in advance!
March 3, 2016 at 6:57 pm #592804And one more question:
i’ve added code.page-id-428 .html_header_top, .page-id-428 .html_header_sticky, .page-id-428 #top, .page-id-428 #main {
background-color: white;
padding-top: 270px!important;
}to most of my pages, but on mobile devices menu and logo cover headings, how can I fix it?
Problem solved by adding whitespace element in builder and adding custom css with desktop hide %)
Sorry for worrying
- This reply was modified 8 years, 8 months ago by niobeer.
March 6, 2016 at 6:18 am #593848Hi,
Sorry for the late reply, I’m not sure if you got your problems fixed or not? Please let us know if you should need any more help on the topic.
Thanks,
RikardMarch 6, 2016 at 7:50 am #593869HI,
I need help with menu item font size, which should getting smaller on low res displays.
You can try use browser zoom to see what am I talking about. Letters getting bigger and items cover each other, first item just disappearing from the right sight because i’ve disabled wrapping.
So I still need solution with resizable font.Thank you in advance,
SergeMarch 9, 2016 at 12:24 pm #595510Hi!
use this code in Quick CSS field:
@media only screen and (max-width: 989px) and (min-width: 768px) { #avia-menu li a { font-size: 17px; }}
and adjust as needed.
Regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.