Responsive Menu Issue

- 9 years, 1 month ago mw@pegosa
  Participant
  
  Expired
  
  Hi there,
  
  First of all, you did great work with Tower theme.
  
  Unfortunatelly i am experiencing some problems. Most serious is the Menu is not showing when using responsive/mobile version. I have tried different devices and resolutions and so far i got these results:
  
  – Desktop / Mozilla Firefox – after resizing browser window there is a mobile/responsive menu icon visible but clicking on it does nothing.
  
  – Ipad Air (Retina) – works fine on vertical mode, but on horizontal clicking the mobile/responsive menu icon just opens an empty sidebar on the left where menu should be.
  
  – Smartphone (Samsung Galaxy Tab, and a Windows Phone) – evertyhing works as it should – menu appears on the left after clicking the icon.
  
  Thanks for any support.
  
  Regards,
  
  Mike
- 9 years, 1 month ago mw@pegosa
  Participant
  
  Expired
  
  Probably i should send You the URL too :)
  
  Here it goes:
  
  https://dev.halagwardia.pl
- 9 years, 1 month ago Mirela
  Participant
  
  Hello,
  
  Please make sure to have enabled menu in responsive. Check it at Header Options > Show Responsive Menu Dropdown, it should be ON.
  Let us know if you still have this issue.
  
  Best regards!
- 9 years, 1 month ago mw@pegosa
  Participant
  
  Expired
  
  Hello,
  
  The option is ON of course, and like i said it works well on smartphones – but only there.
  
  Regards,
  
  Mike
- 9 years, 1 month ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media (max-width: 979px){ .header_7 #navigation nav .menu { width: 30%; }}
  
  Let us know.
  
  Best regards!
- 9 years ago mw@pegosa
  Participant
  
  Expired
  
  Hello,
  
  We have tried adding the code but unfortunatelly it did solve the problem.
  
  Regards
- 9 years ago Mirela
  Participant
  
  Hello,
  
  Please send us your wp credentials in a private reply. So we can fix it.
  
  Best regards!
- 9 years ago mw@pegosa
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years ago Mirela
  Participant
  Hello,
  
  Please edit the above code to this:
  
  @media (max-width: 979px){ .header_7 #navigation nav .menu { width: 30% !important; }}
  
  Also please check the credentials you gave us, as i can not login.
  
  Best regards!
- 9 years ago mw@pegosa
  Participant
  
  Expired
  
  Hello,
  
  Adding “!important” partially worked. I mean – the menu shows up now both on ipad and pc. Unfotunatelly there are still some problems:
  
  – Desktop – the menu is aligned to the left not center
  
  – Ipad – menu is visible, and in the center but logo and social media icons are not shown
  
  – Smartphone – menu moved to the left like on a desktop browser
  
  I double checked your login credentials, and they are working. I believe the problem is with security pop-up where you need to type “admin” and “admin” to go to actual login site.
  
  Regards,
  
  Mike
- 9 years ago Mirela
  Participant
  Hello,
  
  -I see in desktop the menu is centered (screenshot). What do you need to change?
  
  -I fixed the logo in ipad. As for the socials, they are added in Widgetized area, which is apart from menu bar and is not shown in responsive.
  
  -I added this code:
  
  @media (max-width: 979px){ .header_7 #navigation nav .menu { width: 30% !important; } .snap-drawer #logo {left: 50% !important;} } @media (max-width:480px){ nav .menu { padding-left: 85px !important;} .snap-drawer nav .menu li > ul.sub-menu li { text-align: justify;} }
  
  into your custom css box for the menu alignment and logo in iPhone.
  Please check and let us know.
  
  Best regards!
- 9 years ago mw@pegosa
  Participant
  
  Expired
  
  Hello,
  
  Thanks for your fixes. Right now the situation here looks like this:
  
  – As for Your question about desktop – when you resize your browser window to see the responsive version of the website the menu looks now like this: screenshot – right now the only concern are the social icons, but as you mentioned before they are not suposed to show. Earlier when i asked about desktop version the menu options were glued to the left edge of the browser.
  
  – Here is a screenshot from my ipad. As you can see, the logo is not showing and there is still something wrong with the alignement (the menu is slightly closer to the left side)
  
  – Everything is fine on a smartphone.
- 9 years ago Mirela
  Participant
  
  Hello,
  
  I made some changes in the custom css box. This is the view now in iPad. Please check and let us know.
  
  Best regards!
- 9 years ago mw@pegosa
  Participant
  
  Expired
  
  Same result here. Still the menu is slightly moved to the left thoug.
- 9 years ago Mirela
  Participant
  
  Hello,
  
  Please clear cache and refresh page. It is ok, as you can see in the screenshot i attached above.
  
  Best regards!

Viewing 14 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login