Remove featured image on mobile

[CristianD]

Hello! Is it possible to remove the blog posts featured image on mobile? I can’t find the option in Pro.
Thank you!

[Prasant]

Hello Cristian,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .entry-featured {
    display: none;
}
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[CristianD]

Hello @Prasant, thanks for the response! Unfortunately although it does remove the picture in mobile view, the header part visible in mobile seems now to take over most of the blog’s first post title. I’ve shrinked the chrome tab so you can take a look at this problem:

Thank you so much for your kind help!

[jade]

Hi Christian,

Please edit the header builder and edit the bar’s Element CSS and add this code:

@media (max-width: 480px) {
    $el.x-bar-absolute {
        display: relative !important;
    }
}

Element CSS | Themeco Docs

Hope this helps.

[CristianD]

Hi @Jade ! I’ve added the code in the bar’s Element CSS but unfortunately it doesn’t do anything

[ruenel]

Hello @CristianD,

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 979px){
    .x-container>.offset {
        margin-top: 150px;
    }    
} 

We would loved to know if this has work for you. Thank you.

[CristianD]

Everything works perfectly now! Thank you so much @RueNel, @Jade, @Prasant and all your wonderful team at Themeco. You guys rock! I will definitely recommend others to purchase X Theme

[rad]

You’re most welcome and we’re glad we could help