Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #530517

    Hi!

    so when i check the site the right side looks narrower and does not look good plz see below attachments and also site details in private are..thanks.

    plz check
    https://www.dropbox.com/s/tsrnopz3t5qwm69/i%20have%20this.jpg?dl=0

    i want this
    https://www.dropbox.com/s/uiyct4ukrxf18sa/want%20this.jpg?dl=0

    i have used 3/4th and 1/4 columns where in 1/4th i have the right pink box

    is it possible to have the one column look for the all i-pad view + nexus landscape? nexus portrait is good.
    plz help. Thanks in advance!
    Andy

    #530955

    Hey Acuadra_P!

    Open up /enfold/css/layout.css and play around with the media query values starting around line 3244.

    And you may need to do the same in the grid.css and shortcodes.css as well, depending on how much you want to change.

    Cheers!
    Elliott

    #531012

    Hi! Elliott,

    I thought you would provide the code..as I saw in most of the threads..the codes to be used have been given. All the users of the themes are not designers and know all codes.. how to contact Yigit and Krisei may be they can help me with codes.

    Thanks.

    #531586

    Hi!

    not sure if will work but try this code in Quick CSS for tablet (portrait+landscape):

    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) {
    .flex_column.av_one_fourth.flex_column_div.avia-builder-el-5.el_after_av_three_fourth.el_before_av_three_fourth {
    display: inline-table;
    width: 90%;
    left: -45px;
    top: 15px;
    }}
    

    and adjust as needed. Don’t forget to clear browser cache if necessary.

    Cheers!
    Andy

    #531613

    Hi! Thanks for the response.. I followed your advice but sorry nothing happened.. i am getting same what it was.
    I want the one column look for ipad landscape+ portrait and nexus landscape.

    Thank you.

    #532453

    Hey!

    I see this when looking at your website in iPad screen sizes:

    View post on imgur.com

    Isn’t it what you showed us in your screenshot? As already said clear browser cache and hard refresh.

    Best regards,
    Andy

    #533281

    hi!
    plz check this one..i cleared cache and did ctrl+F5

    https://www.dropbox.com/s/2zzcpjpqgxi3313/FireShot%20Screen%20Capture%20%23018%20-%20%27iPad%20Peek%20_%20iPhone%20Peek%27%20-%20ipadpeek_com.jpg?dl=0

    plz help. it looks so bad on i-pad landscape and portrait mode + (nexus landscape)

    Thanks!

    #533370

    Hi!

    I checked your website again and still see the same result as shown in my screenshot.

    Try this code instead:

    @media only screen 
      and (min-width: 768px) 
      and (max-width: 1024px) {
    .flex_column.av_one_fourth.flex_column_div.avia-builder-el-5.el_after_av_three_fourth.el_before_av_three_fourth {
    display: inline-table;
    width: 90%;
    left: -45px;
    top: 15px;
    }}
    

    Regards,
    Andy

    #533386

    Hi!
    Thanks now it worked! but there is another box which is in the bottom that is not changed…. i have same template in other page that too hasn’t changed..how to change those? have u used any custom ID in the code?
    Thanks!

    #533442

    Hi!

    glad it’s working for you now. If you want to adjust more then one element to this code, I would recommend to use a unique css class for all of the elements in question. Check if there is a Section-ID available when editing this element in ALB. If not, then turn on custom css class for all ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Cheers!
    Andy

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