Background issue

what is the best practice to make Full background for all the website like this and to be resposive


keep in mind in mobile view the background is different
how can i change it in desktop and mobile view

You could try showing/hiding different elements based on the page width?

Screen Shot 2022-04-18 at 5.16.05 pm


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

thank you so much i did it

but my problem now that when i am using preview to see my website tha background is not changing
can you please advise me

:clap:

It’s a bit hard to know without looking at the Bubble editor to see what’s going on. That part looks correct. Is it possible you have also added the background image to another element that is covering this up?


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

here in responsive is changing

but in google chrome is not changing

In chrome I can see that the page width is set to 390px, but your conditions in Bubble are set to show the mobile view only when the page is <375px.

In the Bubble editor responsive view the page width is set at 320px which is why it’s showing it correctly.


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

yes it is done

can i ask regarding to something else
the proposed design has width of 1920px

when i resize the index page to 1920px to fit the design and i make review on google chorome
it shown cut

can you advise me regarding to this please
this is the index property

You’ll need to look at the groups and elements below the page level to see what’s happening there in terms of sizing but also alignment.

i.e. if you have everything in a group on that page and the width is set to a minimum of 2400px and you resize your page to something less than that then you’ll end up with this sort of situation. Also make sure you check any padding and margins


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand