Docs

[bak]

Hi

1) I have promo elements with #e6e6e6 background for the text part. How can I make sure the grey background is also applied on mobile view?
2) Why do I see a line between image and text mobile view on one of the promo elements?

[bak]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Because you have this code:

@media (min-width: 767px)
  .page-id-118 .x-promo .x-promo-content, 
  .page-id-124 .x-promo .x-promo-content, 
  .page-id-132 .x-promo .x-promo-content, 
  .page-id-135 .x-promo .x-promo-content {
    background-color: #e6e6e6;
  }
}

this code will only affect on screen bigger than 767 pixels. If you want to apply it to all screens, you have to remove the @media. You will have this code instead:

.page-id-118 .x-promo .x-promo-content, 
.page-id-124 .x-promo .x-promo-content, 
.page-id-132 .x-promo .x-promo-content, 
.page-id-135 .x-promo .x-promo-content {
    background-color: #e6e6e6;
}

Hope this helps. Please let us know how it goes.

[bak]

This reply has been marked as private.

[Nabeel A]

Hi again,

Please check the lines above I can see the @media query on line 813 which is wrapping your promo code as well. Please remove the promo code from the @media wrapper. (see attached)

Thanks!

[bak]

This reply has been marked as private.

[Nabeel A]

Hi again,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[bak]

This reply has been marked as private.

[Rad]

This reply has been marked as private.

[bak]

Hi, if i put everything in the same query, how can I then comment the different code parts? is it possible to have /* comments */ within the query?

[Christopher]

Hi there,

It would be possible, see :

@media (min-width:767px){
/* add comment here*/
.class-one{
border:1px solid red;
}

/* Add another comment*/
.class-two{
border:1px solid red;
}
}

Hope it helps.

[bak]

Yes, thats good to know, thank you

[Thai]

If you need anything else please let us know.

[Author]

Posts