Hello, I’ve a Newspaper license, I’m waiting instructions on how to switch it from another account to this one.
I don’t understand that much how should I work with the responsive options, and the mobile theme.
I’ve built an homepage with the tagdiv composer. I set things like “columns width”=50%. Now if I resize the window from PC, on smaller window it looks bad. If I enter from mobile, it loads the mobile them.
In order to have my website work 100% with any screen resolution, screen resize etc., should I edit the options of ALL ROWS/COLUMNS/ELEMENTS for ALL the 4 viewport that appear on the top of the tagdiv composer siderbar?
Thanks.
Hello,
I’m sorry, but I’m not sure I fully understand what you are trying to achieve. Could you explain once again with some screenshots, please?
If you want you can change the align you can use the option for layout for row and column -> https://tagdiv.com/how-to-add-delete-and-duplicate-row-newspaper-theme/
-> https://tagdiv.com/flexibility-rows-columns-newspaper-theme/
Thank you!
Hello, I try to explain again 🙂
I did setup the theme correctly for the PC Screen Resolution. I don’t understand how to work correctly with other resolutions. It seems like there’re two overlapping options:
1. Responsive default theme
2. Mobile theme
From what I understood, the mobile theme appears on devices that classify themselves, via the agent field, as mobile devices. The responsvie default theme on all the others. Am I right?
So, in order to have the website working on ALL screen resolution, I should edit:
1. The reponsive theme, to display the website correctly in case the user resize the Desktop Window of Google Chrome for example. For this one, I should click on EVERY ROW/COLUMN/ELEMENT and edit all these four options: https://imgur.com/a/NhzBKNl Editing all these FOUR options is MANDATORY, otherwise if I select something like Column -> Layout -> Width = 75%, it’ll be 75% also on mobile devices, even if it doesn’t have sense of course. So I should have 75% on “Desktop Viewport”, 75% on “Landscape Viewport”, 100% on “Portrait Viewport”, 100% on “Mobile Viewport”. Is there any option to have this working automatically?
2. The mobile theme, for mobile devices.
Am I right?
Hi,
You can’t edit the mobile theme. The mobile theme comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
So, if you want to use the cloud templates, then you need to disable the mobile theme and AMP plugins, and then use the responsive version.
You can use cloud templates with AMP.
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ and choose what mobile version you want.
You do not need to change the width, the layout will change for each device and you can only do a few changes to design the layout.
Thank you!
Hi Anamaria, ok I understand I cannot change the mobile theme, unless very few options. And this is OK for me.
What I want to understand is: the mobile theme gets loaded only on mobile devices. If one user resized the Window on the desktop, he’ll see the responsive theme. What I want to understand is, to have the Responsive theme work correctly when the window gets resized, I should click on EVERY ROW/COLUMN/ELEMENT and edit all these four “viewport” options? Screen: https://imgur.com/a/NhzBKNl
If I don’t edit them, if I select something like Column -> Layout -> Width = 75%, it’ll be 75% also when the window is smaller, even if it doesn’t have sense of course. So, as far as I understood, it’s MANDATORY to MANUALLY set 75% on “Desktop Viewport”, 75% on “Landscape Viewport”, 100% on “Portrait Viewport”, 100% on “Mobile Viewport”. Is there any option to have this working automatically?
Hi,
The theme is responsive as you can see in this video, you do not need to set the with for each viewport only if you want to do something else -> https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hi again Anamaria, sorry it’s taking so long 🙂 I’m not using cloud library, but building custom pages with the tagDiv composer. If I set the column width to 75%, it stays 75% even when I resize the window. Is this normal?
Moreover, what does the black and blue rectangles means in the tagdiv composer? https://imgur.com/a/y2ZKq6g
