For the life of me I can’t figure out how to change the styling of the links on the mobile version of the site.
This is my code
<a class="switchmobile" href="site.com/?am_force_theme_layout=mobile">Switch To Mobile Version</a>
The following is a bit overboard but I was trying everything I could think of
a.switchmobile:link, a.switchmobile:visited, a.switchmobile:active, a.switchmobile:hover {
font-size: 36px !important;
color: #ff0000 !important;
text-decoration: none;
}`
The above works on the desktop theme but when I change layout=mobile to layout=desktop, then view the mobile version, the css doesn’t work.
I’ve also tried using a.am-switch-btn in the CSS.
In short:
CSS works when viewing desktop version
CSS does not work when viewing mobile version
Codes are 99% identical