Re: Responsive Sheffield Blue
I have removed all the social media icons from the sidebar but there is a fixed div still there. I have found it with firebug but I can't actually get rid of it. It's html is
<div class="sidebar" style="opacity: 0.5; display: block; left: 0px; top: 130px; height: 300px; width: 60px; text-align: center; border-left: 0px none;">
I need to edit that line to read "display:none;" I will be really happy when I do.
Please help
Rauf
Re: Responsive Sheffield Blue
Quote:
Originally Posted by
Rauf Denktash
I have removed all the social media icons from the sidebar but there is a fixed div still there. I have found it with firebug but I can't actually get rid of it. It's html is
<div class="sidebar" style="opacity: 0.5; display: block; left: 0px; top: 130px; height: 300px; width: 60px; text-align: center; border-left: 0px none;">
I need to edit that line to read "display:none;" I will be really happy when I do.
Please help
Rauf
You can add your display:none; to the stylesheet.css for the class sidebar
Thanks,
Anne
Re: Responsive Sheffield Blue
Thanks for that.
My new problem is the categories heading on mobile (Chrome mobile) is off center.
http://countmeout.info/index.php?main_page=index
I can correct it in Firefox firebug with:
.leftBoxHeading {
background: url("../images/sidebox-head-left.png") no-repeat scroll 0 0 / 100% auto transparent;
color: #fff;
font-weight: normal;
height: 42px;
margin: 0 0 0 -30px; (I edit this line to margin: 0 0 0 0;)
padding-top: 8px;
}
but it is not the full width and it just messes with the full screen version. As you can see I am not very proficient at this but I am determined to see this project through.
Help would be great.
Rauf
Re: Responsive Sheffield Blue
Quote:
Originally Posted by
Rauf Denktash
Thanks for that.
My new problem is the categories heading on mobile (Chrome mobile) is off center.
http://countmeout.info/index.php?main_page=index
I can correct it in Firefox firebug with:
.leftBoxHeading {
background: url("../images/sidebox-head-left.png") no-repeat scroll 0 0 / 100% auto transparent;
color: #fff;
font-weight: normal;
height: 42px;
margin: 0 0 0 -30px;
(I edit this line to margin: 0 0 0 0;)
padding-top: 8px;
}
but it is not the full width and it just messes with the full screen version. As you can see I am not very proficient at this but I am determined to see this project through.
Help would be great.
Rauf
This template was not designed to use the sideboxes at min-widths. I would recommend turning off the sideboxes and just using the mobile menu on phones.
Thanks,
Anne
1 Attachment(s)
Re: Responsive Sheffield Blue
Attachment 14748
Can you have something like this when you have more subcategories and this way they can all show on the screen?