webdev2087

Essentially you don’t want a mobile site. You want a desktop version on phones.

You can easily do this by removing or commenting out the media queries. (best way)

WARNING!!!!!

Google WILL penalize you for that and IT WILL hurt your Search Engine Ranking.

So, I HIGHLY recommend against it!

It’s really not worth hurting your SEO!

Link to site?

You could try adding !important to rules even though it it not recommended.

You might just need a better selector

Add this to your custom style sheet

.title-area {
  display: none!important;
}

To clarify the text is tan as is everything else.

So I assume you are referring to the background.

To change this you can use the following code

.cat-style a:hover {
  background: black;
}

Well I see your issue now.

your selector is a class not id

so it needs to be

.pus-iko {
    float: right;
    border: 1px solid #000;
    background-attachment: red;
   }

all you have to do is replace the # with a .

What exactly is wrong? How do you want it to be?

You will need to change 4-5 things

/* the main body background */
.background-color {
  background: mycolor!important;
}
/* the section just above the body */
.body-top-color {
  background: mycolor!important;
}
/* the header */
.nav-bottom {
  background: mycolor!important;
}
/* hide the border from header */
body.dark #navigation .nav-bottom {
  border-color: none;
}
/* change the footer color */
body.dark #copyright {
  background-color: mycolor;
}

Which stylesheet did you put it in?

I’m looking in the browser debugger and can’t seem to find it when I inspect the element or stylesheet.

Please remove the previous code and let me know. Then I try to send you a new snippet

To close the bottom gap put something in like

.group.pad {
  height: 230px;
}

There really is no margin or padding casuing the gap between logo and menu on the bottom.

To remove it on the right and left side

div#page {
  border-left: none;
  border-right:none;
}

to remove it from top and bottom

#page:before, #page:after {
  height: 0px;
}

the website isn’t pulling up for me

What exactly is going wrong?

All I saw is a right and left border is that what you are referring to?

I tried and it seemed to work.

The background image does not have much to see at the bottom. So it’s hard to tell. Unless you make it very opaque.

To hide the search

div#search-top {
  display: none;
}

to hide the name

.site-branding.container {
  display: none;
}

Not sure about the simpleviewer page