[Resolved] Changing how Widgets are displayed

Home Forums Support Changing how Widgets are displayed

  • This topic has 6 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #994205
    Jiren

    I would like to change the way the widgets on my right sidebar are displayed when I, for example, make my browser smaller or use a mobile device.

    Target Site with max. resolution (look the right sidebar)

    Now if you open the target site with a mobile device or even decrease window width the sidebar changes slightly. Compare that to my site, the sidebar is always “full width” if I decrease window width.

    I want to have a container look like theirs. Is this possible?

    #994407
    Jiren

    Can anyone help me in this case, please.

    #994427
    David
    Staff
    Customer Support

    Hi there,

    do you want to maintain the margins around the content as well keep the sidebar a set width ?

    #994441
    Jiren

    For test purposes, yes keep margins around content.

    I don‘t understand what do you mean by the second question exactly.

    I just want that the sidebar has a „container“ around the content instead of full width layout, if I decrease the window width/open it on mobile devices.

    #994446
    David
    Staff
    Customer Support

    If i understand correctly then try this CSS:

    @media (max-width: 768px) {
        #right-sidebar {
            padding: 10px 20px;
            box-sizing: border-box;
            background-color: #fff;
        }
    
        #right-sidebar .inside-right-sidebar > aside {
            border: 1px solid #ccc;
        }
    }
    #994489
    Jiren

    Yes, you understood that correctly. It worked with the first try. Thank you very much, David and it looks awesome now.

    #994491
    David
    Staff
    Customer Support

    Awesome – glad it worked!

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.