Good morning folks, and thanks for reading my question.
I have a few Joomla Websites, but the one I am having problem is not.
It is the CSS that is giving me problems.
There is a DIV that contains a menu I want to hide on the mobile version, phone size
Here is the url to the web site
www.newporttimesharesrus.com
I wrote this code
/*****************************/
<div class=”rightnav”>
Then my CSS
@media only screen and (max-width: 480px) {
.rightnav{
display: none;
}
}
/*****************************/
The problem is that it never updates on phone version of the website, however, when I test this in the browser, on the computer, it does work.
So when I resize the browser window, using my PC, when it gets to the phone size screen, it does work, it hides the rightnav DIV.
I have tried in my friend’s phones, my phone, etc.
I have deleted all cash and history, nothing seems to work.
Any ideas please?
Thank you
Jorge Muralles