Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey there, I made a website not too long ago and because i had to change my domain name I had to do it all over again. They are almost identical but on my previous site, when viewing it on a mobile device, it gave you the option to view “mobile or desktop”.
The reason I liked this feature was because on my mobile device I only want to show the player that I have on there. Can you please help? thanks
Sorry i forgot to add my website… http://www.tretownmusic.com
Hi Jose
Vantage doesn’t have a an option built in that allows the site to be filtered by a mobile|desktop link. There is a good chance you were running the Jetpack Mobile theme. Take a look in that direction.
ok i found a plugin that did it almost exactly. But now i can see where it says home at the top and i have to scroll way down to the bottom to see my player.
is there any code that i could insert into the css to just show the player on my page? as far as when someone is viewing my site through a mobile device?
I’ve actually taken the plugin off, i couldn’t figure it out…but is there any way i can remove at least the (ICONS AND DESCRIPTIONS BELOW THE ICONS) at least this section so that the player is right beneath the header picture?
http://www.tretownmusic.com
Try this under Appearance > Custom CSS for me, just insert and save.
@media screen and (max-width: 680px) { #main-slider { display: none; } #pg-8-0 { display: none; } #pg-8-1 { display: none; } }awesome!! it worked…the only thing left is to get rid of the space between the player and nav bar, and also the social media icons and the player….is there a code that i could insert to reduce that space???
Super.
Add the following to the media query:
#pgc-8-2-0, #pgc-8-2-2, #pgc-8-3-0, #pgc-8-3-2 { display: none; } #pg-8-2.panel-grid { margin-bottom: 0 !important; }So final result:
@media screen and (max-width: 680px) { #main-slider { display: none; } #pg-8-0 { display: none; } #pg-8-1 { display: none; } #pgc-8-2-0, #pgc-8-2-2, #pgc-8-3-0, #pgc-8-3-2 { display: none; } #pg-8-2.panel-grid { margin-bottom: 0 !important; } }AWESOME!! it worked…thank you!!!
Super, glad we could help. All the best!