Block Logo in mobile

[Andreas Pohl]

My header logo works great on the desktop version – on the mobile version it looks like crap.

How is it possible to hide it in the mobile Version? I saw a solution for some othere theme here on the forum – you have to add

.nivo-caption .slidebtn { display: block !important;}

at customCSS – this unfortunately does NOT work with my theme (meditation)

What do I have to do?

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Andreas Pohl]

www.yogasante.de

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.home.has_trans_header.page .header {
    background: rgba(205,115,153, 0.5) !important;
}
}

Regards,
Chris

[Andreas Pohl]

Great solution, thanks

[Andreas Pohl]

BUT its ony working for the frontpage, not for the other pages

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.header {
    position: relative !important;
    background: rgba(205,115,153, 0.5) !important;
}
}

Regards,
Chris

[Andreas Pohl]

Two more issues:

1. https://ibb.co/M2c5SBY the leftside of the left footer column is cut off

2. I cant change the background (its too dark on mobile) for several pages

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
#footer .rowfooter { margin:margin: 20px 0 !important;}
body { background:#fff !important;}
}

Regards,
Chris

[Andreas Pohl]

The colors look good, thanks a lot. BUT the leftside of the left footer column is still cut off, please see this picture to understand what I mean: https://ibb.co/M2c5SBY

Brgds,
Andreas

[Sonl Sinha]

Hi,

Remove:

@media screen and (max-width:479px) {
#footer .rowfooter { margin:margin: 20px 0 !important;}
body { background:#fff !important;}
}

Add this new code:

@media screen and (max-width:479px) {
#footer .rowfooter { margin:20px 0 !important;}
body { background:#fff !important;}
}

Regards,
Chris

[Author]

Posts