CSS HELP

The right sidebar is working perfectly except two CSS issues:

1. The two vertical lines are identical until 1024 re.After that they are different.Can we make them the same full height in every resolution?

2 Can we move the right column to the right? On the right side of the new icon, there is a lot of empty space.

Can you, please specify (with screenshot) which right column you want to move to the right and we prepare code snippet for you along with the mobile border height fix.

Regards

I hope the two images clarify everything

Please use this code snippet to make right column border full height.

.right-column {
 font-size: 0;
}

.right-column,
.right-column .panel-icon,
.right-column .panel-icon > a {
	height: 65px;
}

.right-column .panel-icon > a {
	margin: 0;
	padding-top: 22px;
}

Now right column should be aligned straight to the right side of a container, but one of your previous custom CSS code (https://gyazo.com/c574ca808902c122ee411a0d3fee1514) break the grid structure of the header and placing elements outside the container (https://gyazo.com/9eb145034f0ebdd78e437c621a62b0b1).

Regards

Ok,
removed my code and applied yours.There is also something else that I need under 1024px.Made two changes but I didn’t know how to move the new icon to the indicated position

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

@media (max-width: 1024px) {
	
	body .container {
		 width: calc(100% - 80px);
	}
	
	body .container .right-column {
		margin-right: -55px;
	}
	
	body .container .panel-toggle {
		width: 55px;
		text-align: center !important;
	}
}

@media (max-width: 991px) {
	body .container {
		 width: calc(100% - 40px);
	}
	
	body .container .right-column {
		margin-right: -35px;
	}
}

@media (max-width: 767px) {
	body .container {
		width: 100%;
	}
	
	body .container .right-column {
		margin-right: -15px;
	}
}

@media (max-width: 480px) {

	body .container .right-column {
		margin-right: -5px;
	}
}

Regards

Thank.Close the ticket please

[Author]

Posts