Menu item with BG

- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  Hey guys!
  
  I didn’t update my theme for some time. Today I decided to finally do it and came across a problem.
  
  When I was developing the site design there were a little bit different options for menu type – “Menu item with BG”. I had I a partly transparent white menu that overlayed the slider and looked awesome (at least, in my opinion):
  
  As I updated the theme my menu started to look like this
  
  How can I get the same menu style with the current version of the theme?
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  I tried different options and none gave me the desired outcome :(
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  Guys, I desperately need this. As I get it – the thing to do in my case – is to change the meaning of “transparent”. I activate the transparency header option to get the menu above the slider. So we need to change the meaning of transparent header, right? Can you help me with that? Pleeeeaaase! I really need this website be working. I had to put it to maintenance mode to correct all the bugs.
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  And there is one more thing. When I scroll the page down there is a space that appears on top of the slider. Is it possible to remove it?
- 8 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please go to General Options > Header Options > Make Transparency Header, set it OFF. Then scroll down to ‘Background’ option and set up the color you had previously, with the same gradient of transparency.
  For the white border above the slider, please add this code into your cyustom css box:
  
  .parallax_slider .codeless_slider_wrapper { margin-top: -30px !important; }
  
  Let us know.
  
  Best regards!
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  I believe this transparency header don’t only provide transparency, but also allow the menu be displayed above the slider. With -30px I have the menu only one half above the slider.
  
  The only way I get the result I want is with this code
  
  .parallax_slider .codeless_slider_wrapper {
  
  <span style=”color: #444444; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; line-height: 24px; white-space: pre; background-color: #f9f9f9;”> margin-top: -90px !important; }</span>
  
  But with it I get a bad mobile version of the first page
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  .parallax_slider .codeless_slider_wrapper {
  margin-top: -90px !important;
  }
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  sent you the right code. For some reason the one that I sent you in the other message got some extra code in it
- 8 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Is every thing ok now? Do you still need our help?
  Let us know.
  
  Best regards!
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  No, as I wrote above – the mobile version of the site does not display the menu correctly.
  
  Since I added padding -90px – the menu on mobile version of the site is covering the slider.
- 8 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please add this code too, into your custom css box:
  
  @media (max-width: 767px){ .parallax_slider .codeless_slider_wrapper { padding-top: 30px !important; }}
  
  It will put the slider back to it’s place, after the margin edit you did above. (screenshot).
  
  Best regards!
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  It still doesnot work. I try that on the english version of my site and get this. Besides – all my icons are not in 2 lines, but in 3 lines.
  
  I have the following code in my css box (may be that will help)
  
  @media (max-width: 767px){
  
  .top_nav {
  
  display: block !important;
  
  font-size: 10px !important;
  
  padding-bottom: 36px !important;
  
  }
  
  }
  
  .parallax_slider .codeless_slider_wrapper {
  
  margin-top: -90px !important;
  
  }
  
  @media (max-width: 767px){
  
  .parallax_slider .codeless_slider_wrapper {
  
  padding-top: 30px !important;
  
  }}
- 8 years, 8 months ago Olenka101
  Participant
  
  Expired
  
  the english version is euro-ent.ru/en
- 8 years, 8 months ago Mirela
  Participant
  Hello,
  
  Sorry for the late reply.
  Please add this code into your custom cs sbox:
  
  @media (max-width: 480px){ .header_4.fullwidth_slider_page .top_wrapper { padding-top: 0 !important; } .top_nav .widget { padding-left: 0 !important; padding-right: 8px !important; } .row-fluid [class*="span"] { min-height: 34px !important;} .parallax_slider .codeless_slider_wrapper { margin-top: 0 !important; } }
  
  Screenshot. if you still can not manage to change it, please send me your wp credentials in a private reply and tell us the exact look you want it to have. We will do it for you.
  
  Best regards!