Forum Support

 
Advanced Search


[1]

Offline sidearm23
Free Member
Posts: 15
Posted on: February 25, 2015, 01:17:52 PM

I was using the phone number section on my site previously and it was fine.  After adding another menu section, however the phone number gets scrunched into the menu bar when viewing on an iPad.  On the iPhone it just moves under the logo and centers itself.  Is there an easy way to have similar functionality on a 10inch screen like iPad but also having the regular menu bars you would see on a computer.  I was going to just do a workaround and get rid of the phone number from the template, by leaving it blank and then add a custom html with <a href="tel:(855)991-1999">Click Here To Call (855) 991-1999[/url] , but when there is no good position for that to go in that centers itself on the screen.  I tried in the search or language section but that is off to the right.  I would prefer it directly under the logo if possible.  Thanks for your help.

www.runcobrothers.com
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: February 25, 2015, 03:10:54 PM

Hello,

You can adjust the @mediascreen trigger in the s5_responsive.css file to a higher value which will move the phone number below the menu sooner preventing collision.

Code:
@media screen and (max-width: 1023px) {
#s5_phonenumber {
    clear: both;
    float: none;
    padding-top: 30px;
}
}
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.017 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.