Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 31, 2014 at 1:37 am #298014
    denisrowe

    Hi Guys, I am almost here one small problem remaining. Sorry I am still learning CSS but have ad grea success with our heme.

    The LHS navigation looks right but on Ipad Portrait the menus are not wrapping correctly and getting cut off on the RHS. It is not extending the he vertical line between the nav container and the main content.

    The nav I am using is:

    /* LHS Navigation */
    .widget_nav_menu a {text-align: left !important; color: blue !important; line-height: 1.2em !important}
    .widget_nav_menu a:hover {color: red !important}
    .widget_nav_menu ul ul li:before {content: “”;}
    .widget_nav_menu ul {min-width: 107% !important;}
    .widget_nav_menu ul li {min-width: 108% !important;}
    .widget_nav_menu ul li li {padding-left: 7px !important; }
    .widget_nav_menu ul li li li {padding-left: 17px !important; }

    Sample page in private content.

    Thanks Denis

    July 31, 2014 at 1:47 am #298019
    Yigit

    Hey Denis!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1340px) {
#top .widget_nav_menu ul ul li a { width: 100px; }}

    Regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.