Recent
Categories
View Replies (1)

Mobile resize for phones and tablets (portrait)

0
Votes
Undo
  1. gogetsites
    gogetsites
  3. Commercial Templates
  4. Monday, 20 April 2015
  5.  Subscribe via email
Mobile devices: I want my Pianoforte site to resize for cell phones and ipad (portrait view) only. How can I stop it from resizing on anything wider than the ipad horizontal view?

Thanks,
Sharon
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Sharon

Try removing the following from the start of your templates responsive.css (../templates/j51_pianoforte/css/responsive.css)..


/* #Tablet (Landscape)

================================================== */



@media only screen and (max-width: 1024px) {



.wrapper960, #header_items, #header, #logo, .hornavmenu {width:95% !important;}

#logo {width:100% !important;}



/* Hide default hornav menu */

#hornav, .hornavmenu {display:none !important;}

/* Show mobile hornav menu */

.hornavmenumobile {display:inline; z-index: 99; }



#socialmedia {left: 20px;}



}



After the following...


@media only screen and (max-width: 959px) {


Add the following... 


.wrapper960, #header_items, #header, #logo, .hornavmenu {width:95% !important;}

#logo {width:100% !important;}



/* Hide default hornav menu */

#hornav, .hornavmenu {display:none !important;}

/* Show mobile hornav menu */

.hornavmenumobile {display:inline; z-index: 99; }



#socialmedia {left: 20px;}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!