Add Message (tagline) to header

Hi --

I would like to add a tagline to the white space in the header on Woodpecker. See attached image for clarification. If possible, I would like this message to not display on mobile devices.

Thanks!

 

Hello,

Greetings from InkThemes!

Please follow the screenshot given below.



For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

After that, please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.tagline {
    margin-top: 90px;
    width: 575px;
    margin-left: -116px;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks -- that kind of works...but it blows up the mobile display (squishing the click to call button).

Is there a way to remove this tagline from mobile? Or at certain screen sizes?

thanks

 

I tried using:

@media only screen and (max-width: 480px){
.tagline {
display: none !important;
}
}

But it didn't work.

Thanks

 

Hello,

Could you please provide us 'URL' of your site so that we can better assist you?

Thanks & Regards!
Priyanka
InkThemes.com

 

sure...it's www.yourfreehvacwebsite.com

 

Hi,

Please paste the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media (min-width: 768px){
.tagline h2 {
    display: none;
}
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Hi -- I tried the provided code, and it didn't work. The tagline still show on mobile (and even when I shrink the screen down on desktop).

Is there anything else you can suggest?

Thanks.

chris

 

Hi, Chris..

Would you please clear your cache and check the result after that?

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com