Menu icon Foundation

My Posts










My Comments

Stefano Gandolfo commented on Stefano Gandolfo's post almost 4 years

I resolved by removing the plugin :) no point in having a link that points out of my ewbsite..

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

I also tried to add this but doesn't resolve my issue:

    <script type="text/javascript">
        $(document).foundation();
        window.onload = function () { $(document).foundation('equalizer') }
    </script>

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

I assumed that after 12 columns the layout will make a new row its own, this is true only if you have enough content to fill in and avoid the effect we saw, I'll re-read the guide I must have forgot of it or worse though it was what I was doing with my layout.

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

thank you, this resolved the issue! I'm new to foundation and totally ignored the existence of this syntax to make grids, I just had to add 1rem padding both left and right and it looked exatcly the same.

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

greetings, I'll test this right after I finish this reply, why do you say that I have more than 12 columns?

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

no real idea of the cause, but I changed the code as below and it fixed the issue

<div class="small-10 large-6 small-centered columns" style="margin-top:1.25rem;margin-bottom:3rem;padding-top:0.875rem;padding-bottom:0.8rem;background: rgba(255, 255, 255, 0.75);">            

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

the code above is relative to the different issues, they are not above each other, for instance I have this:

        <div class="small-12 show-for-medium-down columns" style="text-align:center;">
            <a class="button tiny" href="/register.aspx">REGISTRAZIONE GRATUITA</a>&nbsp;
            <a class="button tiny" style="background-color:#cacaca;color:#000000;" href="/login.aspx">ACCEDI</a>
        </div> 

        <div class="small-10 large-6 small-centered columns" style="margin-top:1.25rem;margin-bottom:3rem;padding-top:0.875rem;padding-bottom:0.8rem;background: rgba(255, 255, 255, 0.75);">            
            <div class="row" style="text-align:justify;">

                <div class="small-12 show-for-medium-down columns" style="text-align:center;padding-bottom:0.75rem;">
                    I VANTAGGI DI RITARDI.NET
                </div>
        </div>
    </div>

I have only top margin set and it works on desktop but not on mobile.

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

I have no viewport.. Isn't it specified inside the @media CSS?

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

Also consider that the font size does't behave as proportional but remains very small.

Stefano Gandolfo commented on Stefano Gandolfo's post about 4 years

Here is what I see on my phone (Samsung galaxy nexus):

https://www.dropbox.com/s/iryga5gdufju7mi/IMG_20151015_235232.JPG?dl=0

Please note that I have also stripped all .net content and greatest an HTML test page.

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Stefano Gandolfo's post almost 4 years

I resolved by removing the plugin :) no point in having a link that points out of my ewbsite..

You commented on Stefano Gandolfo's post about 4 years

I also tried to add this but doesn't resolve my issue:

    <script type="text/javascript">
        $(document).foundation();
        window.onload = function () { $(document).foundation('equalizer') }
    </script>

You commented on Stefano Gandolfo's post about 4 years

I assumed that after 12 columns the layout will make a new row its own, this is true only if you have enough content to fill in and avoid the effect we saw, I'll re-read the guide I must have forgot of it or worse though it was what I was doing with my layout.

You commented on Stefano Gandolfo's post about 4 years

thank you, this resolved the issue! I'm new to foundation and totally ignored the existence of this syntax to make grids, I just had to add 1rem padding both left and right and it looked exatcly the same.

You commented on Stefano Gandolfo's post about 4 years

greetings, I'll test this right after I finish this reply, why do you say that I have more than 12 columns?

You commented on Stefano Gandolfo's post about 4 years

no real idea of the cause, but I changed the code as below and it fixed the issue

<div class="small-10 large-6 small-centered columns" style="margin-top:1.25rem;margin-bottom:3rem;padding-top:0.875rem;padding-bottom:0.8rem;background: rgba(255, 255, 255, 0.75);">            

You commented on Stefano Gandolfo's post about 4 years

the code above is relative to the different issues, they are not above each other, for instance I have this:

        <div class="small-12 show-for-medium-down columns" style="text-align:center;">
            <a class="button tiny" href="/register.aspx">REGISTRAZIONE GRATUITA</a>&nbsp;
            <a class="button tiny" style="background-color:#cacaca;color:#000000;" href="/login.aspx">ACCEDI</a>
        </div> 

        <div class="small-10 large-6 small-centered columns" style="margin-top:1.25rem;margin-bottom:3rem;padding-top:0.875rem;padding-bottom:0.8rem;background: rgba(255, 255, 255, 0.75);">            
            <div class="row" style="text-align:justify;">

                <div class="small-12 show-for-medium-down columns" style="text-align:center;padding-bottom:0.75rem;">
                    I VANTAGGI DI RITARDI.NET
                </div>
        </div>
    </div>

I have only top margin set and it works on desktop but not on mobile.

You commented on Stefano Gandolfo's post about 4 years

I have no viewport.. Isn't it specified inside the @media CSS?

You commented on Stefano Gandolfo's post about 4 years

Also consider that the font size does't behave as proportional but remains very small.

You commented on Stefano Gandolfo's post about 4 years

Here is what I see on my phone (Samsung galaxy nexus):

https://www.dropbox.com/s/iryga5gdufju7mi/IMG_20151015_235232.JPG?dl=0

Please note that I have also stripped all .net content and greatest an HTML test page.

Posts Followed


Following

  • No Content

Followers

  • No Content