Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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:

    http://www.BertaArt.com

    The sidebar is not showing up on mobile.

    Is there a setting in Enfold where I can turn this on?

    #720091

    Hi 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,
    Basilis

    #720102

    thank 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.

    #720181

    Hi,

    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,
    Rikard

    #720188

    Thank 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.

    #720329

    Hi,

    Ok, no problem. We’ll leave the thread open for you :-)

    Best regards,
    Rikard

    #720410

    I 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 7 years, 11 months 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
    #720844

    Hi 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,
    Rikard

    #721315

    Thank 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 7 years, 11 months ago by LindaSherman. Reason: typo fix
    #722526

    Hi,

    use this code inside Quick CSS field:

    #top #main .sidebar {
    border: none;
    }
    main {
    border: none !important;
    }

    Best regards,
    Andy

    #723002

    Thank 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!

    #723209

    Hi,

    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

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Want Sidebar on Responsive Enfold Theme’ is closed to new replies.