Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 15, 2017 at 6:55 am #733691
    iwallace

    I am building a client website – here – http://144.208.70.12/~financialone/

    im happy with the layout but would like to make the following change

    between the widths 988px – 1281px – i would like the containers in the main bit to reduce to 2 rows of 2 rather than shrink the single row of 4

    the behavior between 768 and 988 is what i would like to extend to 1281px

    how do i go about doing that?

    thanks

    January 15, 2017 at 1:27 pm #733733
    Basilis

    Hey iwallace!

    You will need Media Queries for that

    @media queries Responsiveness

    You can go ahead and play around with the CSS to achive that end result.
    If there is any issue with the process, please either let us know or consider to hire a freelancer, who will
    do help you as lot faster.

    Thank you very much

    Cheers!
    Basilis

    January 15, 2017 at 3:37 pm #733758
    Vinay

    Hey iwallace,

    To achieve what you are looking for please follow the steps below:

    1. Enable custom css class name support for ALB elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    2. Use 1/2 column elements instead of 1/4 and give it a class name col-50p

    3. Add the below css in quick css.

    @media only screen and (min-width:1281px) {
.col25p { width:24%!important; }
.col25p.first {
     margin-left: 3%!important;
     clear: none!important;
}
.col25p.column-top-margin {
    margin-top: 0px!important;
}
.col25p.av_one_half{
    margin-left:1%!important;
}}

    Best regards,
    Vinay

    January 16, 2017 at 2:24 am #733845
    iwallace

    Thanks Vinay for your detailed solution – it worked!

    very much appreciate your time

    ;-)

    January 16, 2017 at 8:09 am #733937
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    January 17, 2017 at 12:44 am #734410
    iwallace

    Hi Rikard,
    just one more question if i may please.
    when i load the home page

    Home

    the page loads in a funny order the contents of the page are first rendered at the top of the page and then when the slide show appears they are pushed down the page.
    is there a way to have them rendered where they will end up – ranter than having them move down the page – it looks a little jerky on load

    thanks

    Ian

    January 17, 2017 at 2:24 am #734433
    Nikko

    Hi,

    That’s an expected behavior when a webpage is rendered, to hide this while the page is loading you might want to enable Page Preloading on Enfold Theme Options :)

    Regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.