Change position:fixed; for mobile phone devices

Hi, I have a responsive website with left hand navigation.

When the site is viewed on desktop all is well, but when viewed on mobile device (phones) I have an annoying border left over from the navigation.

Image links:
Mobile

Desktop view

The issue is with this line of css: position:fixed;

@media (min-width: 0px) {
    .sidebar {
        display: block;
        position:fixed;

image borders

Hi

How do I place a border around an image on my page ?

I'm trying to create the page with a box-based layout.

Cheers

Building a rsponsive website with the ability to zoom in on images?

Hello! I have been at this for a week now. I have visited the Adobe forums, several other HTML/CSS forums, and read many different tutorials and watched many different videos to no avail.

Flexbox or Grid Layout for Portfolio?

Hey guys, it's been a very long time since I've touched HTML/CSS but I'm moving back in that direction. I need to build an online portfolio, and was wondering which method is more usable in December 2016. For instance, would a grid layout even hold up across browsers? Should I rely on the old float and absolute positioning techniques from years ago? What say you?

Thanks,
ARNK

Vertically arranged images with text alongside: inline-block?

Hi,

When I say that I'm a beginner with CSS (and HTML), I mean it!

Im trying to style my page to look very similar to this: http://intro-webdesign.com/CSS/assignment-2/index.jpg but I'm struggling to get the 3 images vertically whilst allowing the text to sit next to them. I presumed 'inline-block' was the way to go but I can only get the images vertical by using 'block'.

This is the HTML i am working with (which I am not allowed to alter):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Home</title>

Syndicate content