Responsiveness + Menu

- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  Hello
  
  I have really strange responsive behaviours.
  
  Also I can see only the submenu but not the menu.
  
  Look here:
  
  desktop everything fine
  
  ipad: white space is missing on right side
  
  ipad menu: no main menu, just submenu items
  
  iphone: slider is bigger than lines below, vertical space above and below slider is too big, Logo is on right side and not in the middle
  
  As the site is not visible to the public yet, could I give you Login credentials to take a look yourself?
  
  Thank you for Help!
  Bernd
- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  This reply has been marked as private.
- 9 years, 10 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  I added this code:
  
  @media (max-width: 480px) { #logo img.dark { right: 88px !important;} .page-id-4 .wpb_row.standard_section { margin-bottom: 25px !important;} .page-id-4 .wpb_row.section-style, .wpb_row.standard_section { margin-bottom: 25px !important;} .menu-small ul.menu > li > a {color: #050505 !important;} .page-id-140 .wpb_alert p:last-child, #content .wpb_alert p:last-child, .wpb_text_column p:last-child, .wpb_text_column *:last-child, #content .wpb_text_column p:last-child, #content .wpb_text_column *:last-child, .wpb_toggle_content p:last-child { margin-bottom: 49px !important;} }
  
  into your custom css box, for the responsive issues. Please check your site and let me know if you need further help.
  
  Best regards!
  
  This reply was modified 9 years, 10 months ago by Mirela.
- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  Hello Mihaila,
  
  thank you!
  
  But it is still the same on an iPad.
  
  iPad
  
  iPad Menu
  
  On the iPhone it is better, but when I open the menu the content below is not in the middle anymore
  
  Thank you for Help!
  Bernd
- 9 years, 10 months ago Mirela
  Participant
  Hello,
  
  I added this code:
  
  @media (max-width: 979px) { .menu-small ul.menu > li > a {color: #050505 !important;} .top_wrapper { margin-left: -25px;} .wpb_row.standard_section { margin-bottom: 25px !important; } .top_wrapper { margin-left: -20px; width: 320px !important; } }
  
  into your custom css box, for the ipad and iphone edits. Please check your site.
  
  Best regards!
- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  Hi Mihaila,
  
  sorry for the late response and Thank You for your Support! It is nearly perfect but there are still two issues.
  
  1. on an iPad in vertical format: the left and right white space is not the same:
  
  2. for the projects of the Category “Corporate Design” I chose a Portfolio Type with a right floating sidebar.
  on Desktop and iphone that looks ok, but when you look in vertical iPad format the text is cut:
  
  Would be glad about Help
  Bernd
- 9 years, 10 months ago Mirela
  Participant
  Hello,
  
  I fixed the margin for the slider container. Also i added this code:
  
  @media (max-width: 979px) and (min-width: 768px){ .single_portfolio_floating .vc_col-sm-12 { width: 28% !important;} }
  
  for the floating sidebar.
  
  Best regards!
- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  Hello Mihaila,
  
  thank you!
  
  But now the margin is different, when you look at it with an iphone.
- 9 years, 10 months ago Mirela
  Participant
  Hello,
  
  The above does not affect the iphone style. This code: @media (max-width: 480px) and @media (max-width: 767px) are responsible for the iphone. Add here any margin attribute you need.
  
  I am fixing this for you this time too, but please keep in mind that these are css customizations you should do yourself.
  I added this code:
  
  @media (max-width: 767px){ .wpb_column .wpb_wrapper { margin-left: 6px;} }
  
  Best regards!
- 9 years, 10 months ago Bikul
  Participant
  
  Expired
  
  Thank you so much, Mihaila!
  
  Glad about Great Support
  Bernd