This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Mobile Site Look

Resolved 9 replies premiumthemetheme-vantage
Jose Hernandez
11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Jose Hernandez 11 years, 6 months ago

    Sorry i forgot to add my website… http://www.tretownmusic.com

  2. Andrew Misplon Staff 11 years, 6 months ago

    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.

  3. Jose Hernandez 11 years, 6 months ago

    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?

  4. Jose Hernandez 11 years, 6 months ago

    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

  5. Andrew Misplon Staff 11 years, 6 months ago

    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; }
}
  6. Jose Hernandez 11 years, 6 months ago

    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???

  7. Andrew Misplon Staff 11 years, 6 months ago

    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; }
}
  8. Jose Hernandez 11 years, 6 months ago

    AWESOME!! it worked…thank you!!!

  9. Andrew Misplon Staff 11 years, 6 months ago

    Super, glad we could help. All the best!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread