Docs

[liveandperform614]

site url : liveandperform.fr

Hi, I have some problems that I couldn’t figure out by myself so I need your help !

1) On the mobile menu, the arrow display, to show that there is a submenu goes over my menu text, how can I get rid of that and display the arrow on the right of the text instead of over it ?

2) http://www.liveandperform.fr/tarifs/ (this is the page you have to go to see what I mean, the bottom of the page)
I put a background on my section, and added text over it. It was perfectly alligned with the red bands to highlight the different prices. The problem is that, whenever I change the size of the screen, the red bands are moving separatly from the text and the result is a total mess, it’s specially bad on mobile or on screens bigger than 1920×1080.
I tried to make a version for each size, but the transition between those are not fluid and are bad looking.
How can I make the background totally fixed and just reducing or getting bigger with the size of the screen but with the exact same display? (tried a lot of things but couldn’t figure it out)

Thank you alot !

[Rupok]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav-wrap.mobile li a {
  padding-right: 35px;
}

#2. It won’t be responsive since the background will be changed to adjust with the screen size.

Thanks!

[liveandperform614]

Thank you worked great! Still some other problem :

1) At about medium screen size, in the mobile menu, when you open a submenu, all the display is white instead of being colored normally what can I do ?

best regards !

[Joao]

Hi There,

That is quite strange, on what width is that happening?

Can you provide a screenshot?

Thanks

Joao

[liveandperform614]

Here it is, it’s only on a small portion, but I still bad haha !

Thank you

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media (min-width: 980px) and (max-width: 1179px) {
  .x-navbar .sub-menu {
    background-color: transparent !important;
  }
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts