Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores.
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder.
    • Online StoresSell your goods or services anywhere on the website.
    • PluginsMany functions and plugins depending on geographical preferences.
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space.
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners. Download video tutorials for free New video tutorial.
    • BlogWebsite Builder Lifehacks: Shared Hosting tips from Hosting Market Leaders.
    • FAQUse this FAQ database to find information about working with Site.pro products quickly and easily.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms.
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites.
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions.
    • PanelsOne product for all platforms. Download plugin for your panel.
    • How it WorksCloud or On-Premises. Recommendations for Builder Server.
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • Register

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English
Please use keywords in English only.
  • Account & Billing (35)
  • Domains (41)
    • Purchasing (15)
    • Connecting (26)
  • Mailboxes (26)
  • Brand (Cloud, On-Premises) (19)
    • Cloud (5)
    • On-Premises (14)
  • Installation (16)
    • Website Builder (11)
    • Website Builder Plugin (5)
  • Hosting/Billing Panels (35)
    • WHMCS (5)
    • cPanel (9)
    • DirectAdmin (8)
    • ISPmanager (4)
    • Plesk (7)
    • Webuzo (2)
  • Website Builder (283)
    • Website creation (52)
    • Text (14)
    • Pictures (11)
    • Media (15)
    • Additional (8)
    • Social (13)
    • SEO (22)
    • Import (5)
    • Commerce (80)
    • Maps (12)
    • Advanced (18)
    • Forms (7)
    • Errors (21)
    • Custom plugins (5)
  • License (28)
  • Managing Website (12)
  • Web Design Studio (3)
  • Affiliate Program (8)
  • Education (8)
Filter
All (540) For Hosting Companies (419) For Website Owners (395)
FAQ
›
Website creation
How to have different layout backgrounds on different devices?
Website Builder

How to have different layout backgrounds on different devices?

  1. Select a layout you want to adjust;
  2. Select layout colour by clicking Background in right toolbar;
  3. Select layout colour or image/video for the background;
  4. Select "Visibility" in the right toolbar;
  5. Select devices that you want your layout to appear in (e.g., a wide screen, desktop, and tablet);
  6. Select a different size of screen above your website content (e.g., phone);
  7. Insert another layout in the same position where the previous was;
  8. Select that layout and choose layout colour by clicking "Background" in right toolbar;
  9. Select different layout colour or image/video for the background;
  10. Select "Visibility" in right toolbar and set it to show for that layout only (e.g., phone).

People also found this article using these queries:

  • How to make different layout backgrounds on different devices?
  • How to edit mobile version of the web without modifying other one?
  • Layout background
  • Can I have diverse background layouts for each device?
  • How do I change the background layout on different devices?
  • Wide screen version
  • I want to have different layout backgrounds on each device
  • Adjusting visibility for different devices
  • Desktop version
  • How can I make background independent on different devices?
  • Is there a way to change the background layout on each device?
  • How can I change the background layout on various devices?
  • Layout visibility
  • How to customize the background layout for each device?
  • Is there a way to have distinct background layouts on separate devices?
  • Adjust background only on a specific screen
  • I want to add specific background option to one of the screens
  • How can I set my website layout for each different device?
  • I want to add different backgrounds to different screens
  • How can I have unique background layouts for each device?
  • Can I make changes to the mobile version background without changing on other screens?
  • Adjust screens on different formats
  • Layout background
  • Can I set up different background layouts for various devices?
  • I need to display different background layouts on different devices
  • Can I have diverse background layouts for each device?
  • How to edit mobile version without changing desktop version?
  • Is it possible to have diverse background layouts on different devices?
  • How can I have distinct background layouts on different devices?
  • Laptop version
© Site.pro 2011. Website Builder. United States.
Contact SalesTerms of Service