-
AuthorPosts
-
November 5, 2015 at 5:43 am #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=0i want this
https://www.dropbox.com/s/uiyct4ukrxf18sa/want%20this.jpg?dl=0i 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!
AndyNovember 5, 2015 at 5:01 pm #530955Hey 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!
ElliottNovember 5, 2015 at 5:44 pm #531012Hi! 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.
November 6, 2015 at 5:44 pm #531586Hi!
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!
AndyNovember 6, 2015 at 6:19 pm #531613Hi! 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.
November 9, 2015 at 10:39 am #532453Hey!
I see this when looking at your website in iPad screen sizes:
Isn’t it what you showed us in your screenshot? As already said clear browser cache and hard refresh.
Best regards,
AndyNovember 10, 2015 at 2:48 pm #533281hi!
plz check this one..i cleared cache and did ctrl+F5plz help. it looks so bad on i-pad landscape and portrait mode + (nexus landscape)
Thanks!
November 10, 2015 at 3:59 pm #533370Hi!
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,
AndyNovember 10, 2015 at 4:13 pm #533386Hi!
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!November 10, 2015 at 4:54 pm #533442Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.