How to not display the top right contact info in mobile view?

Hi Support Team,

I have added phone number and email on top right below is the css info. However it overlaps the logo in mobile view. Is there anyway way to not display top contact info in mobile view?

Thank you,

.top_right_corner {
float: right;
font-size:14pt;
margin-top:-70px;
margin-right: 40px;
line-height: 0.2;
}

 

Hi,

Kindly provide your site URL.

Regards,
Sameer

 

Hi Sameer,
Sorry for the delay because website was in maintenance mode.

http://www.reyesworldsecurityandinvestigations.com/

 

Hi,

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

Code:

@media only screen and (max-width: 767px)
.top_right_corner {
  display: none;
}

Regards,
Sameer

 

Hi Sameer,

The code you provided is not working.

Thank you,

 

Hi,

Ohh am sorry I forget to apply curly brackets for media only screen now try below code again it should work:

Code:

@media only screen and (max-width: 767px){
.top_right_corner {
  display: none;
}}

Regards,
Sameer

 

Sameer, no worries!
Thank you! Problem solved.