i am using this iframe code to display a presenter in my header. it displays fine on the laptop but not at all on my mobile.
any ideas how to fix it please.
[php]
I’m a fan of bootstrap and google material, it is a mobile first layout framework so you design for the phones and tablets, then a computer monitor.
[php]style=“position:relative; top: 80px; left: 400px;”[/php]
Fixed values do not work when you are working on one page for both versions.
so what do i need to replace that code with then please.
Add a class to that div. Then look into media queries.
A class pulls the style out of the element itself. Then, based on the screen size, you can modify the elements style.
like this
[php]
[/php]I would go more descriptive, but yes.