changing the layout

  • right orange search box: on smaller screen (desktop), the labels go below the check boxes, is there a system to have them always right-side aligned?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello sacconi?,

    Duplicate whole section , then search section in left and post section right.then whole section hide the responsive mood.

    Moderator bcworkz

    (@bcworkz)

    You could modify your theme’s CSS. In its style.css at line 681 you have this:

    .testotag {
  width: 80%;
  margin-left: 10px;
  display: inline-block
}

    Change it to this:

    .testotag {
    margin-left: -1em;
    display: inline;
    position: relative;
    top: -7px;
}

    It’s important to do the edits at the lowest part (highest line number) of the file first. Otherwise the line references here become inaccurate. In style.css at line 305, you have this:

    [type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

    Change it to this:

    [type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    float: left;
    margin-left: 1em;
}

    As the window gets narrower, the layout starts looking messy before the media queries move the sidebar down to below the content. I recommend altering the media query breakpoints so the move to below content happens at a wider window. You currently have breakpoints at 769px (lines 126 and 104). I suggest these be changed to 960px or maybe even a bit more.

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

Tags