how to make hamburger menu starting 980×1280

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: hamburger menu

Author

Posts
June 9, 2016 at 7:47 am #205968

Stevens Nahmias
Expired Member

Post count: 94

Hi to all! I’m loving this theme, it’s addonds and the support team! I’m almost finished my first directory project I just need a little more help to get this all wrestled up. I would like my menu to become responsive starting at 980×1280 where can I edit to get this done properly ? Thanks ahead!

http://www.idel-france.fr

June 9, 2016 at 1:04 pm #206021
Guust
Moderator

Post count: 29970
Add this CSS:
```
@media only screen and (max-width: 980px)
.mobile-left, .mobile-right {
    display: block;
}
```
See this article for future reference: https://wpgeodirectory.com/docs/customizing-your-style/
June 9, 2016 at 9:39 pm #206265

Stevens Nahmias
Expired Member

Post count: 94

Thanks gust I couldn’t figure out how to modify the files so that hamburger menu looked good so I too it off and instead I applied the media rules to resize the menu until it goes into responsive mode!

I ran into something strange and I cain’t fix it when I add a listing after the preview validation on the success page I don’t have any text saying thank you for posting blabla…

<div class=”geodir_preview_section”>
<h5 class=”geodir_information”></h5>
</div>

it’s empty where can I add text ? is it in the mo files again ? I’m really having a hard time translating this theme thank you so much for the help!

June 9, 2016 at 9:51 pm #206269

Guust
Moderator

Post count: 29970

Yes, that should be in the main GD plugin file (not the theme).

June 14, 2016 at 10:50 am #208213

Stevens Nahmias
Expired Member

Post count: 94

Hey sorry to bother but i cain’t figure out why my mobile navigation isn’t working anymore ?

June 14, 2016 at 11:35 am #208217

Stevens Nahmias
Expired Member

Post count: 94

http://idel-france.fr/#mobile-navigation-left and http://idel-france.fr/#mobile-navigation-right… thanks support team!

June 14, 2016 at 12:31 pm #208273

Stevens Nahmias
Expired Member

Post count: 94

Also could you update my geodirectory-fr_FR.mo file one last time I have changed the last strings that were missing for I needed for this theme to fit a french ads website the job is closed to finih just need that one last push for the translations to be OK and the mobile menu to work and we launch the rocket hope it gets us to the dark side of the moon sorry for my humour it’s French! 🙂

June 14, 2016 at 1:03 pm #208289

Stevens Nahmias
Expired Member

Post count: 94

I asked poedit for support of course like was said in the previous topic posts i even bought a paid version! I just need to get this finish I’m on deadline! 🙂

June 14, 2016 at 5:26 pm #208534

Paolo
Site Admin

Post count: 31206

Hi,

I’ve updated your translation file and Stiofan is looking into the mobile menu problem.

He’ll let us know asap.

Thanks

June 14, 2016 at 5:44 pm #208540

Stiofan O’Connor
Site Admin

Post count: 22956

Hello the problem with menu is the plugin “France regions map” it is not adding JS files the WordPress way and therefor breaking things, if you deactivate it then your menu will work.

Thanks,

Stiofan

June 14, 2016 at 6:58 pm #208566

Stevens Nahmias
Expired Member

Post count: 94

ok thanks for the translation files it’s really getting on my nerves that it doenst work on my side i bought the pro version of poedit to get premium support this is their answer:
Hi ,

this sounds like WordPress setup issue to me, rather than Poedit one. In my experience, in virtually all cases people email me that the translation doesn’t work, it’s some small WordPress administration mistake or a misplaced file. It will work correctly if you carefully follow these steps:

1. Set WordPress language. See http://codex.wordpress.org/Installing_WordPress_in_Your_Language for instructions and note that it is done differently in WordPress 4 (in admin interface) and in older versions (WPLANG).

2. Use Poedit’s WordPress functionality; make sure to set the same language as above (note that WordPress treats e.g. “nl” and “nl_NL” as different languages).

3. Translate the file and save it using the filename Poedit recommends, in the folder Poedit presets.

4. Copy the created PO and MO files *to the exact same location within the plugin/theme* on the server.

If you follow these steps, the translation will almost certainly work. If it still doesn’t, it may be a problem with the plugin’s code or it may be something else. In that case, I would need much more detailed information about what you did, including the PO file in question, a copy of the theme/plugin in question and e.g. screenshots of where you copied the files to the server and how you set the language, so that I can verify that everything was set up correctly per the above steps.

But again, it’s some mistake in the above steps in 99% of cases.

Regards,
Vaclav

June 14, 2016 at 7:00 pm #208567

Stevens Nahmias
Expired Member

Post count: 94

And for my mobile menu issue besides turning off my plugin wich i need for my webite to interact the way i’d like is there a fix you can hint to me by any chance ? 🙂

June 14, 2016 at 7:05 pm #208569

Paolo
Site Admin

Post count: 31206

Hi,

all I do with your translation file is download from your server via FTP, open with poedit, save and upload the generated mo file via FTP to your server.

For the plugin conflict, please ask to its author to correct his code and add Javascript files using WordPress best practices, or his plugin could potentially create conflict with plenty of other plugins and themes.

We cannot fix it on his behalf, I’m sorry.

Thanks

June 15, 2016 at 9:59 am #208810

Stevens Nahmias
Expired Member

Post count: 94

ok I’m wainting for quote to integrate my map it’s very important to me the support team from the plugin seems out of reach. Thanks for ALL the help on the mo files it’s finished (i hope) and on the other side I’m speaking with poedit support so they can relieve you from helping me! back to the meat and patatoes… the hamburger menu i put this code in overides :

@media only screen and (max-width: 980px) {
.mobile-left, .mobile-right {
display: block;
}
header nav .nav li a, header nav .nav li a:hover {
display:none;
}
}

my mobile menu appears at 877px but my menu breaks at 878px with some locations could you give me a hint on what I might of done wrong again and how to get the correct fix so that my menu mobile appears while making the main nav menu also disapear before 878px let’s say make the mobile menu appear at 880px the code is :

@media only screen and (max-width: 880px) {
.mobile-left, .mobile-right {
display: block;
}

is that correct ? thanks geodirectory great support!

June 15, 2016 at 12:35 pm #208888

Stevens Nahmias
Expired Member

Post count: 94

Ok so the js conflict is resolved and the map works, translations are loaded thanks to geodirectory support team I need just one last push!

I actually put the mobile menu on the whole website I actually figured it looked good 🙂

1. now I would like to prevent the menu from breaking when i change to longer locations wheter I can fix the menu or make it disapear around 900px media screens.

2. mobile navigation right is a white screen on full witdh page how to have the login menu and search bar back the way it is on mobile devices?
Author

Posts