-
Posts
-
Hi guys
A few of questions:
1. I have a language switcher in my fullwidth submenu which threw off the alignment of my menu items. I tried this to align them but it’s not working.
.mobile_menu_toggle {
vertical-align: middle;
}2. In mobile view, I’d like to get rid of the “menu” text beside the hamburger icon, and move the icon to right align. Also is there a way to tighten up the mobile menu or not have it cover the whole screen? tried this:
#top .mobile_menu_toggle .av-current-placeholder {
display: none!important;
}3. I am trying to disable the scolling zoom on some google maps, by putting this into a code block:
<div class=”overlay” onClick=”style.pointerEvents=’none'”></div>
<iframe src=”https://mapsengine.google.com/map/embed?mid=1GHXXb0-fuX96S53OYHZ3BXfXDoM” width=”100%” height=”480″></iframe>
and then adding this to css:
.overlay {
background:transparent;
position:relative;
width:640px;
height:480px;
top:480px;
margin-top:-480px;
}which worked fine the other day, allowing no zoom scrolling until the map was clicked on.
now the onClick=”style.pointerEvents=’none’ code disappears when I save the page, and all clicking on the map is disabled. What am I doing wrond. ??thanks for your help
NancyHey Munford,
1. To align the main menu and language switcher
#top .av-subnav-menu > li { padding: 10px 0!important; } .menu-item-language { transform:translateY(5px); }2. To remove menu and move the hamburget icon to the right
/* hide menu text */ #top .mobile_menu_toggle .av-current-placeholder { display:none!important; } /* Move to right */ #top .mobile_menu_toggle { transform: translateX(40vw); } /* To tighten the menu space */ @media only screen and (max-width: 767px) { .responsive #top .av-menu-mobile-active .av-subnav-menu > li > a { padding: 5px 15%!important; } .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before { top: 5px; } }3. To disable scroll zoom on maps give this plugin a try https://wordpress.org/plugins/wp-google-maps/
Best regards,
Vinaythanks – that worked, but now my mobile menu looks strange, and when I try to fix it, the fullwidth submenu gets messed up. Now I am not sure what is affecting what.
I see that your “tighten up the space” code is targeting mobiles but don’t understand why. Can you help me with this? I would like to fix the spacing on the mobile menu (too much padding) and either get rid of the arrows, or line them up properly. see here: http://imgur.com/a/jJMYQ
thanks very much for your help
nancyHi,
you probably need to make sure that some of the code is not effecting your mobile menu, so use media queries to avoid that: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andyyes I am doing that but it’s not taking my code…
trying to align the arrows (or get rid of them) and would like it center aligned with less padding.
could you take another look? right now it looks like this: http://imgur.com/a/umPOn
thanks
NancyHi,
use this code inside Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before { top: 16px; }}and adjust if needed.
Best regards,
Andygreat, that helped.
Now I have a problem with the footer just on the page below.
Can you take a quick look? I am getting a frame around it. Have not changed any css for the footer as far as I know.
The english page is fine. Same css.
??
Thanks
NancyHi Nancy,
I can’t see any frame around the footer on that page using Chrome, in what browser are you seeing that?
Best regards,
RikardHi RIkard,
I see it on Chrome, Firefox.
Here is an image: http://imgur.com/a/vw2EF
It’s only on the danish page.
thanks
NancyHi,
Please deactivate all plugins but WPML by “OnTheGoSystems” one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)Best regards,
AndyHi,
Please deactivate all plugins but WPML by “OnTheGoSystems” one by one to check which one is causing this issue and let us know if this solves the problem.
Please update the theme to the latest version. That should fix any issues you are currently experiencing :)
To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)
Best regards,
Andy
- You must be logged in to reply to this topic.