I found a few solutions on your forums.

https://kriesi.at/support/topic/adding-content-boxes-to-layerslider/

Should be simple.

Thanks Vinay but that doesn’t work. It works when checking on desktop but it doesn’t work if you’re checking on a mobile phone (android).

Hi Josue,

great!!! Thank you very much. It works now. You can’t imagine, how happy I am. It was a big problem for me. Now I can start to build the website.

It would be excellent, if you could answer my two last questions:

1. Is there a command for all my pages / for all my page-ids, so that I need not specify all page-ids separate?
I mean something like all-pages #header {display:none!important;} and .all-pages #main {padding-top: 0 !important;}

2. I am sure, that I would find this solution for my problem very earlier and without disturbing or interrupting the great Kriesi-Team, if I could take look into a table or list, which contains ids or classes for all or the most elements of the enfold theme (like menu, footer, header, etc). I looked shortly into the documentation, but I did not find such a list. Maybe I overlooked it. -> Is it possible to provide this list of ids or classes for all elements of the enfold theme?

Thank you once again!!!

Best regards Robby

Hi Enfold Team,

I don’t know why but as I put back the update everything is good now…

So thanks you anyway for your attention ! You can consider that topic close.

Best regards,

Clément

Hi Vinay

That nearly works, but is it possible to have the icon appear at the end of the menu list rather than at the top? Also, now in the desktop menu the social icon has shifted position and the twitter bird is not in the centre of the background.

many thanks

Peter

Hi Yigit,

That solves the problem on a mobile screen but doesn’t on iPad or Desktop – they are still not aligned horizontally central but to the left.

Can it not somehow just be aligned centrally no matter what the screen size? There are so many different screen sizes from laptops to large iMacs to iPads etc. that we can’t add CSS code for every single scenario can we?

OK I was able to adapt the css to work with a text box, you can close this topic thanks!

Ok, it works now but with a problem still…

The full code I have for the blue_bar section is:

div#blue_section {
height: 32px;
min-height: 32px;
}

#blue_section .container {
   padding-left: 120px!important;
}

@media only screen and (min-width: 990px) {
#blue_section {
    position: fixed;
    width: 100%;
    top: 82px;
    z-index: 99;
}}

@media only screen and (max-width:480px) {
  #blue_section .container {
   padding-left: 70px!important;
}}

@media only screen and (max-width: 1024px) and (min-width: 990px) {
#blue_section .container {
   padding-left: 0px!important;
}}

The new problem is when I rotate my mobile from portrait to landscape, it is no longer aligned with the logo in landscape…
But I guess this will be impossible to fix as there are so many screen size combinations? Please confirm.

Hi Yigit,

It does look perfectly fine on my laptop too but once I add the media queries, it messes up with the laptop as well.

Something is not right…

Login is attached privately. I have a play button on the home page – top right that I wanted to use as a trigger vs opening a video in a new browser.

• This reply was modified 9 years, 6 months ago by SignifyStudio.

Thank you for the reply Rikard!
But I did de-activate all my plugins and the text is still white. Im not sure if you noticed, but the buttons on top of the text -editor is missing as well.