Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 1, 2013 at 10:30 pm #28813
    Valentinian

    I found the alignment of left sidebars counter-intuitive so I aligned them to the left, rather than the right using the following CSS:

    .sidebar_left.sidebar {

    text-align: left;

    }

    However, this meant that the indentation was lost for child pages (or submenu) items, again, making it confusing to navigate. Any idea how to fix this?

    Many thanks.

    September 2, 2013 at 3:17 am #138711
    Ismael

    Hi,

    The indent and bullet points are still there. Just add this on your custom.css or Quick CSS

    #top .sidebar_left .widget_nav_menu ul ul li:before {
    
left: 0;
    
}

    Please give us a link to your website.

    Regards,

    Ismael

    September 2, 2013 at 8:32 am #138712
    Valentinian

    Thanks for the reply. Two issues with the above.

    1. For some reason it knocks the alignment of the links (so you have to hover *below* the words not on them for the link to be clickable).

    2. Submenus continue to jump out of alignment.

    This is just a test site area so please see the following links, for a parent-level menu:

    http://suz.illyria.webfactional.com/books/e-shorts/ (as you can see problem 1 is in evidence, but sub-menus are aligned properly

    For the sub menu:

    http://suz.illyria.webfactional.com/books/e-shorts/when-tony-met-adam/ (as you can see problem 1 and 2) are both in evidence – the links are not aligned properly and the sub-menu indentation has been lost.

    Many thanks.

    September 3, 2013 at 9:19 pm #138713
    Valentinian

    Sorry to hassle, but do you have any suggestions regarding the above?

    September 4, 2013 at 3:49 am #138714
    Ismael

    Hi,

    It is not happening on my end. The link stays exactly where they should be. It seems like you modify some padding or something like that. Please remove the css you added then leave the code I suggested above.

    Regards,

    Ismael

    September 4, 2013 at 2:09 pm #138715
    Valentinian

    Okay, I have stripped away all custom CSS and just pasted in *just* the CSS you wrote above. Here is a page with a left sidebar: http://suz.illyria.webfactional.com/books/e-shorts/when-tony-met-adam/

    I have not modified the padding anywhere. This are no changes to the CSS except your code above.

    As you can see, it’s really not working. I would really like it to look like your screenshot above.

    Thank you.

    September 6, 2013 at 3:25 pm #138716
    Devin

    Hi Valentinian,

    I’m not sure where the disconnect is happening with the menu items and theme code so try re-download the theme from your downloads on ThemeForest and then re-uploading the theme files folder by folder via FTP. Perhaps there was a corrupted css file or one that wasn’t updated correctly.

    For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750

    Regards,

    Devin

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Submenu Indentations on left sidebar’ is closed to new replies.