Tagged: quick css
-
AuthorPosts
-
December 3, 2016 at 12:18 pm #720031
How do I get the sidebar on my Enfold to appear on mobile.
There is a sidebar on almost every page and post of my site:
The sidebar is not showing up on mobile.
Is there a setting in Enfold where I can turn this on?
December 3, 2016 at 9:08 pm #720091Hi LindaSherman!
Please add the following code
.responsive #top #main .sidebar { display: block !important; }
and let us know if that solves your issue.
Thanks a lot
Regards,
BasilisDecember 3, 2016 at 10:33 pm #720102thank you!
Added to Quick CSS
It worked!!
====
I inherited this website with the Enfold theme,
This is at the top of Quick CSS.
Is this here by default? Can I delete it?
.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a {
border-color: #ffffff;
}=====
Except for the last few lines it looks very vanilla. I don’t want “related posts” being delivered from tags on the site, I see this is mentioned here.December 4, 2016 at 8:01 am #720181Hi,
That looks to be adding a white border to alot of elements, if you don’t want the border than you can remove it. And no, it’s not default.
Best regards,
RikardDecember 4, 2016 at 9:28 am #720188Thank you so much Rikard!
I will experiment with removing it. For one thing when I try to use “inspect element” with FireBug, it usually gets lost in this morass.
Please leave this open for my reply.
December 5, 2016 at 6:45 am #720329December 5, 2016 at 11:41 am #720410I have compared before and after removing the block of border code. Without the block of border code, there are lines around navigation. Please see the article linked below I created to show you what happens with a screen shot.
Clara has a high priority for speed and lack of errors in the world of Google. I want to remove unneeded code and errors generated by the theme and still have the site look beautiful.
Can I replace the large block of code with something simple? Addressing these two issues – first the navigation buttons separately would be best.
Is there an easy way to send you screen shots? Can they be tiff’s? I am using Apple Grab. I decided I can put the screen shots on a webpage and share them with you that way. The multiple screen shot post that I created.
- This reply was modified 8 years ago by LindaSherman. Reason: I removed "The spacing for the floating Warfare sharing buttons on the left has been lost." because I realized this is just a result of opening the page wider or narrower on the website browser
December 6, 2016 at 6:08 am #720844Hi Linda,
If it’s only affecting the border around the menu items then you can replace the block with this code instead:
.header_color li { border-color:#fff !important; }
Best regards,
RikardDecember 7, 2016 at 4:19 am #721315Thank you Ricard! I tried that. It didn’t work. But I finally found the header settings in the Enfold settings.
Now I am rid of that Quick CSS block code of completely
After trying one with shadows, I ended up with “minimal” which gave me what I wanted.
Lots of screen shots and details here: http://asklindasherman.com/enfold-screenshots/
One more thing:
I’d like to get rid of the vertical hairline between the sidebar and the main content. Is there an Enfold setting for that? If not some Quick CSS code?
- This reply was modified 8 years ago by LindaSherman. Reason: typo fix
December 9, 2016 at 5:31 pm #722526Hi,
use this code inside Quick CSS field:
#top #main .sidebar { border: none; } main { border: none !important; }
Best regards,
AndyDecember 12, 2016 at 8:50 am #723002Thank you very much Andy. It didn’t work. But I decided to keep the sidebar border. Thank you very much.
I think I should start a new topic for my next question so you can close this.
Thank you!
December 12, 2016 at 4:14 pm #723209Hi,
alright! Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy -
AuthorPosts
- The topic ‘Want Sidebar on Responsive Enfold Theme’ is closed to new replies.