Menu isn't fully displayed on mobile phones and vertical tablets

Article headlines on mobile phones

- 10 years, 3 months ago Madej_Design
  Participant
  
  Expired
  Dear Code-less support team! I have a problem with my menu on mobile phones/vertical tablets: The first row menu items, that normally can be seen on a regular computer, cannot be seen on mobile phones as the font of the items seems to be white on white background (just a guess). In contrast, the dropdown menu items can be seen on mobile phones/vertical tablets… What can I do? I work with Specular 1.2.7. This is the website: http://www.beratungsraumberlin.de. At the moment I have switched off the responsive layout until I get this problem solved… Thanks in advance from Madeleine
  
  This topic was modified 10 years, 3 months ago by Madej_Design.
  
  This topic was modified 10 years, 3 months ago by Madej_Design.
  
  This topic was modified 10 years, 2 months ago by Mirela.
- 10 years, 3 months ago Ruco
  Keymaster
  
  Hello,
  
  Can you please turn on the responsive so I can check?
  
  Best regards!
- 10 years, 3 months ago Madej_Design
  Participant
  
  Expired
  
  Hello Ruco!
  
  I have just turned on the responsive so you can check!
  
  Many thanks from Madeleine
- 10 years, 2 months ago Mirela
  Participant
  Hello,
  
  Please add these lines into your custom css box:
  
  @media(max-width:767){nav .codeless_custom_menu_mega_menu ul>li h6, .menu-small ul.menu .codeless_custom_menu_mega_menu h6, .menu-small ul.menu > li > a { color: #0D0D0D; } }
  
  Best regards!
- 10 years, 2 months ago Madej_Design
  Participant
  
  Expired
  I copied your code into the lines 4-7 of the custom css code in General Options after this content:
  
  /*#header{
  
  margin: 0 auto;
  
  }*/
  
  Is this the right position?
  
  Nothing has changed so far…
  
  Many thanks for your support from Madeleine
  
  This reply was modified 10 years, 2 months ago by Madej_Design.
- 10 years, 2 months ago Ruco
  Keymaster
  Hello,
  
  You can select here https://www.clipular.com/c/5748476307570688.png?k=wqYLie2bS184tKml_Uv4g4mfD5M
  the style of the drop down menu.
  
  Or add !important at the css style on the above reply:
  
  color: #0D0D0D !important;}
  
  Best regards!
- 10 years, 2 months ago Madej_Design
  Participant
  
  Expired
  
  Dear Ruco!
  
  Thanks for the perfect answer you gave. The css style formula didn’t work at all BUT the advise to the right place on the Specular software (Dropdown Menu…) helped – your screenshot on clipular.com. Sometimes it is easy and you just have to know… Many thanks for your support!!!
  
  There is only one more problem I need to solve:
  
  The headlines within the articles have a problem with regard to the line distance/spacing when watched on a mobile: Sometimes there is NO spacing at all, e.g. “Berufliche Qualifikationen” under “Über mich” or “Gerne können Sie mich kontakieren” under “Kontakt”. Mostly the spacing is very high which is also not the perfect solution. The perfect spacing for the headlines on the mobile modus is not visible at all from my point of view. Where can I solve this problem? Just to let you know: I worked with the visual composer and the headlines are the so-called “Individual headlines”. I am looking forward to hearing from you.
  
  Many thanks from Madeleine
- 10 years, 2 months ago Mirela
  Participant
  Hello,
  
  Please add these lines into your custom css box:
  
  @media (max-width:767px) { .vc_custom_heading h2 { line-height: 25px !important; } }
  
  Best regards!
- 10 years, 2 months ago Madej_Design
  Participant
  
  Expired
  
  Dear Mihaila!
  
  Many, many thanks. It works!
  
  Kind regards, Madeleine

Viewing 8 reply threads

You must be logged in to reply to this topic.

Community Forums

Menu isn’t fully displayed on mobile phones and vertical tablets

Site Links

Useful Articles

Login