Shape 5

Joomla Templates => Eventfull - Club => : cspgsl October 19, 2016, 05:58:24 AM


: Font size for Overlay menu on tablet screen - iPad
: cspgsl October 19, 2016, 05:58:24 AM
For http://stillcpa.ca/ where would I find the settings for font size to the overlay menu for viewing on an iPad

Thanks

: Re: Font size for Overlay menu on tablet screen - iPad
: jonahh October 19, 2016, 01:50:56 PM
Hello,

Please see my response here as to where the CSS is located:
http://www.shape5.com/component/option,com_smf/Itemid,75/topic,45073.new/

Specifically for the iPad you would need to add in CSS for this in the s5_responsive.css file. We just make sure it looks good at all pixel widths as you shrink the browser down. There isn't specific CSS for an iPad but you can always add.

: Re: Font size for Overlay menu on tablet screen - iPad
: cspgsl October 20, 2016, 11:31:52 AM
I have made some progress with the smaller screen css but have one issue I have not resolved. You can see the problem on the home page in the 4 Step Process section in the screen shot attached.

Any assistance would be appreciated.

: Re: Font size for Overlay menu on tablet screen - iPad
: jonahh October 20, 2016, 12:54:34 PM
This is a custom coding request really but here is a solution. You want to take off the floats and stack them vertically since there isn't enough horizontal room. This code should do it:


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

.stats_item {
    float: none;
    text-align: center;
    width: 100%;
	margin-bottom:30px;
}

}

: Re: Font size for Overlay menu on tablet screen - iPad
: cspgsl October 20, 2016, 01:01:36 PM
No luck here, unfortunately

The vertical alignment would be somewhat out of place on the desktop version.

: Re: Font size for Overlay menu on tablet screen - iPad
: jonahh October 24, 2016, 01:46:10 PM
The:

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

Means that anything below 750 will be vertical. A higher resolution and desktops would not show vertical alignment but show what you currently have.

: Re: Font size for Overlay menu on tablet screen - iPad
: cspgsl November 03, 2016, 10:04:13 AM
I have tried to get this to work however, I'm not having any success. Can you take a look please?

: Re: Font size for Overlay menu on tablet screen - iPad
: jonahh November 03, 2016, 01:44:33 PM
As I mentioned above this unfortunately is out of the scope of forum support and falls into custom coding as the code is your own and not default to the template. If you want further help you can submit a request here:

http://www.shape5.com/custom_services.html

: Re: Font size for Overlay menu on tablet screen - iPad
: cspgsl November 05, 2016, 09:25:34 AM
I was able to work with the original code in the shaper and have got it working.

I have one last question. How can I reduce the white space between the positions containing 4 Step Process and My Services?

Thanks

: Re: Font size for Overlay menu on tablet screen - iPad
: jonahh November 07, 2016, 12:33:28 PM
Oh ok glad you got it working

There is a:

:
<div style="clear: both; height: 90px;"></div>

In the 4 step process HTML, just remove the 90 and change to 0 and this will reduce some spacing.