Altitude: Hide Front Page 1 Widget Title on Mobile

[HeatherO]

Hi I'm working on a new site using the Altitude theme.

I would like the Widget Front Page 1, Title, NOT to show up on the mobile site.
Right now it says Outside Expeditions. We want it on the website, but not on the mobile.

Can someone provide the CSS for this?
Thank you,
Heather

http://181.224.138.162/~getoutsi/

[Christoph]

Hi Heather,

#front-page-1 {
	display: none;
}

in the first media query you don´t want it to show anymore should do the trick.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[HeatherO]

But is this CSS identifying the mobile site only? Doesn't it need a reference to the mobile?
Thank you

[Christoph]

No, css generally doesn't care about mobile or desktop.
You can configure which css is being shown for different screen sizes.
This is done through media queries.
Towards the end of your style.css you will find several sections that start with

@media only screen and (max-width ***px)

Just put the above code in the first media query you don´t want the front-page-1 widget to show anymore.

You can also write your own media query, if you don't like any of the screen size options in the style.css.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[HeatherO]

It removed the whole widget. I only want it to remove the TITLE in that area. Figured that part out though. Thanks!!

#front-page-1 h4.widget-title.widgettitle {
display: none;
}

[Author]

Posts