I have 3 questions
1- I see following grid elements has problem in mobile view.
Big Grid Flex 2, Big Grid Flex 3, Big Grid Flex 4, Big Grid Flex 5 and almost all Big Grid elements and Big Grid Slide.
I want to use Big Grid Flex 2 in web site but it doesn’t work properly and looks faulty in mobile view.
https://prnt.sc/spwuuy
Your the other theme Newsmag uses a grid similar to Big Grid Flex 2 https://demo.tagdiv.com/newsmag and it looks perfect in mobile view too. https://prnt.sc/spwkno
Will you solve this serious problem?
2-Can we change sizes of Grid Flex’s sizes? Newsmag’s Big Grid Flex 2 has amazing height and width size.
I think we can edit grids.
3-I set “Row Stretch: Stretch row and 1200px content” for all rows in my web site. I use a Big Grid Slide in my web site. When I set “Row Stretch: Stretch row and 1200px content” for Big Grid Slide’s row, I have that problem: https://prnt.sc/spv6pr
How to solve this problem?
Hi,
1. In this way was build to look, the second modules can be slide on mobile, please note that the layout and functions are not the same in Newspaper and Newsmag, Newspaper has a different layout and more options.
2. All the settings for big grid flex can be find here -> https://forum.tagdiv.com/big-grid-flex-settings/ also you can check the flex settings too -> https://forum.tagdiv.com/big-grid-flex-settings/
3. If you change the row (you stretch the content), please use only flex blocks and grids, these will adapt to the size selected, standard blocks and grids can not adapt for bigger size.
Thank you!
Hi again
Could you please give me exact solutions.
1- Big Grid Flex 2 looks faulty, wrong in my web site’s mobile view
Desktop view: https://prnt.sc/sq6vyk
Mobile view: https://prnt.sc/sq6wwj It should be like that https://prnt.sc/sq703s
Could you please tell me how can Big Grid Flex 2 seem like that https://prnt.sc/sq703s ?
2-I read 4-5 times everything over and over again in this link: https://forum.tagdiv.com/big-grid-flex-settings (https://prnt.sc/sq7upd)
But I couldn’t find a solution to my 1st question. I think this link is not enough for me to make a new layout for a grid for mobile and desktop view.
3-You say “Big Grid Slide is a rubbish for me because I set my web site’s width 1200px”.
:))) Good really good. It is nonsense
Ok. Never mind 3rd problem. Please just give me exact solution for 1st and 2nd question?
I think you forgot my tickets
Hi,
1. Please note that the layout that you indicate is not the one from Newspaper is from Newsmag, it can be achieve only with Newsmag theme, if you want you can check this using tagDiv Composer and edit the Big Grid Flex 2 with tagDiv Composer also you can check a live demo with this element ->https://demo.tagdiv.com/newspaper_sports_pro/
2. This is referring to Big Grid Flex 1 this is the most complex Big Grid Flex https://i.imgur.com/734WEI9.png
3. Only flex grids and flex blocks are adapting to stretch content, the normal blocks, Big Grid and Big Grid slide will not adapt.
Thank you for your understanding!
Hi again
I want Big Grid Flex 2 to look like that link https://prnt.sc/st0t37
Mobile view has a problem although other views are almost ok.
Another example it is about Big Grid Flex 5 >> https://prnt.sc/st22px
All views are OK. There is a problem again in mobile viewport like Big Grid Flex 2
Could you please just tell me how to edit the Big Grid Flex 2 and Big Grid Flex 5 for all viewports (desktop, mobile…)? If I know it, I can edit all grid flex blocks by myself and I don’t ask any question about blocks any more.
Please don’t tell me https://tagdiv.com/tagdiv-composer-page-builder-basics/ and https://forum.tagdiv.com/big-grid-flex-settings/
It is impossible to edit a block element by reading texts in these links.
Hi,
What I’m trying to say is that there is no options for these elements to make these flex to look as you want, this can be achieve only with custom changes.
TO not say that I do not try to help you, I’ve made a custom code that should work for big grid flex 2
div.td-big-grid-flex-scroll .td-big-grid-flex-post {
float: left!important;
}
.td_block_big_grid_flex_2 .td_module_flex_7 {
width: 49%!important;
}
div.td-big-grid-flex-scroll .td-big-grid-flex-scroll-holder {
overflow-x: unset;
overflow-y: unset;
white-space: unset;
font-size: 0;
-webkit-overflow-scrolling: unset;
}
The custom css need to be set in theme panel> custom code> advance css> phones.
Hope this will help you!
Thank you!
Hi again
Thank you. I applied codes but I received 2 alerts >> https://prnt.sc/strzus How can I remove them?
Hi,
These are only notice, will not affect the the theme functionality.
Thank you!
I had the same problem here until I have read the custom csss that Calin made. Ok, its working but you had to recognise that it’s a template error, so THE TEAM SHOULD SOLVE IT SO ALL THE PEOPLE COULD HAVE A CORRECT MOBILE VIEW. We’re paying a responsive template so it should work fine not by copying and pasting codes.
Without any acrinomy, imagine someone who doesn’t know too much about this….
Hi loslunesseriefilos,
I think that this is a miss understanding! The above custom css is custom, not because the blocks (“templates”) are not working and because this options is not set on all of them. The elements form our theme do not has the same settings, those differ for element to element, indeed there are tabs with general settings like the css tab -> https://i.imgur.com/y57Uhrq.png (this is the same for all elements).
If this is not what you mean, let me know!
Thank you!
