Forum Replies Created
-
Posts
-
Thanks, but how do I set up the child functions.php file? If I just copy the functions file to the child theme it breaks the site. Sorry, I can’t seem to find those instructions. Thanks!
Here’s what (sort of) worked for me (I’d prefer it if the menu also opened when you clicked on the word “menu”). Note, this is for screen widths wider than tablet portrait:
@media only screen and (min-width: 769px) { li.av-burger-menu-main:before { content: 'MENU'; position: absolute; left: -40px; top: 35%; }}That brings back the sidebar menus, but also adds back the text version of the main/top nav: https://www.evernote.com/shard/s320/sh/dcb28ad8-b555-492b-a3c6-bf0f89b718cb/98ed5a2a1ee849baf37e2232341f92bf
Doesn’t appear to have done the trick: http://paulapaula.com/beta/narrative/flock-of-dudes/
OK, credentials in Private Content. My custom css is in Appearance > Custom CSS. I added your css at the top. Note, right below that is some custom css I added to make sure there’s enough room in mobile views for the logo and background image in this header. Please let me know if you have any questions. Thanks!
Ah, I didn’t know you could update code in a previous post :) So, thanks again, but it’s still not working for me — now I’m seeing this between those widths (the menu moves up, but doesn’t switch to mobile): https://www.evernote.com/shard/s320/sh/3945db37-644a-4964-9ad2-63dd090135d5/8961e9e14954e293a4f5c9ee8c5ed23b
What do you mean you updated the code? Where? What’s the new code? I flushed the cache, but I’m still seeing my same old custom css in my custom css plugin pane and I’m still seeing the same behavior/styling I described in https://kriesi.at/support/topic/switching-to-mobile-menu-on-higher-resolutions/#post-849676 — the same behavior/styling associated with my css.
OK, thanks — the client’s letting it slide for now with the available icons, so I don’t need to contact the host, for now. Thanks again.
Thanks, but that didn’t seem to work — here’s what I saw between those widths with that code: https://www.evernote.com/shard/s320/sh/e180d989-47b3-4a91-be1a-f9bfc8c41671/2cff916433d32c1a2ea185dac6e9b89b
I’m getting the same error on http://dev.sustainablelandscapessd.org/ — you need my FTP info to troubleshoot it?
Oops, sorry — the second link should’ve been https://www.evernote.com/shard/s320/sh/a247515f-e3f8-4bc0-a2bb-c1794eb8c95e/eb89491c29bf0aa83b5a48823dc7ee52
Yeah, I think so. I mean, I’d rather see what’s actually constraining the width and try to change that, rather than just overriding it with that !important. I’m not sure how much of an issue the !important causes (if any) with the mobile views. But I think this is sufficient for me / for now.
Right, sorry, I thought I sent you a private reply back in August, but maybe it never went through.
Anyway, so, now, between 1224 and 990, I have this: https://www.evernote.com/shard/s320/sh/cab8e187-5a94-4f15-98f6-65a143cb23ee/5445ecdef82ee2312c3200df2cb8b530 — looks like the burger and search icon are aligned bottom in the header and the search icon is gray.
And under 990 it’s your default mobile css: https://www.evernote.com/shard/s320/sh/cab8e187-5a94-4f15-98f6-65a143cb23ee/5445ecdef82ee2312c3200df2cb8b530 — looks like the burger and search icon are aligned top in the header and the search icon is blue.
So, isn’t there a way to set your default mobile css to kick in at 1224 instead of 990?
Thanks again.
That makes the search icon bigger, but the whole thing is still apparently being handled differently than it is in your default code, for below 990px width. The search icon is grey instead of blue, and both are positioned at the bottom of the header instead of at the top. Isn’t there a way to just do exactly what you do at 990, but at a wider width?
Thanks.
Thanks, getting closer, but the search icon is small — not big and blue, like your default mobile search icon — and the positioning of the burger and the search icon is a little lower/different than what you guys have in your code.
So now I get this between 1224 and 990:
https://www.evernote.com/shard/s320/sh/923bb6cf-2035-44e9-ba40-de48d0f0f3eb/And this under 990:
https://www.evernote.com/shard/s320/sh/cee31b5f-3f32-4ddc-9ea3-dffd1a52a3a0/67271424d8d47dec3fb336c3aa23b158I wish it could be as under 990 for both. Also, do I really need ALL this code?
@media only screen and (max-width: 1224px) { .av-burger-menu-main { display: block!important; } #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; } #top .av_mobile_menu_tablet .av-main-nav #menu-item-search { display: block !important; } }Thanks!
Sorry, that’s still not working for me — I’m still not getting the magnifying glass. Here’s what I have — I’m trying to show the burger AND the magnifying glass at anything less than 1224px — right now, only the burger is showing — what should I add to or remove from this media query? Thanks!
@media only screen and (max-width: 1224px) { .av-burger-menu-main { display: block!important; } #top .av_mobile_menu_tablet .av-main-nav .menu-item { display: none!important; } .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special { display: block; } }Huh? That’s basically the bottom half of the code from http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/ — if I remove that, I’m left with both the burger AND the text version of the nav showing between those widths.
Hey, thanks so much — Günter’s code is working for me on posts using the default editor, but not on posts using the ALE (Advanced Layout Editor) — is there a snippet I can add so excerpts for posts using the ALE are also limited in length?
Ah, ok, thanks anyway. So then is the thing to do to keep an eye on the change documents you put out with your theme updates, to look for changes to the loop-index.php file so I can keep my child theme version up to date?
OK, here you go — https://pastebin.com/pACcxE0F — my code starts on 257 and ends on 278. Again, I’m looking for how to include as little as possible of the loop-index.php file in the child theme, to avoid interfering with — or not benefitting from — future theme updates.
Thanks!
Well, this host won’t give me ftp access, so I’m having to work on this on my localhost. Once I figure it out, I’ll have to send the host the files. I could give you WordPress admin access to the dev site, but I haven’t implemented this code there, so I don’t see how that would help. Can I email you the loop-index.php file — would that help?
Thanks @pixelbiz — I can’t believe I didn’t think to test to see if the map was centering on the first/top address!!
