Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 15, 2015 at 2:19 pm #396377
    laartje

    Hello,

    I hope you can help me with some site changes.

    I work with photography template with the left sidebar menu.

    (1) I would like to remove the gray line that separates the content of the sidebar. Can you show me how to do that?
    I would also like to remove the borders around the social icons below the menu. Can you provide me css code for this?

    (2) Finally, I keep struggling with the responsive menu. I really want to remove the toggle and the menu underneath.
    I used this code: #top #advanced_menu_toggle {display: none! important; }

    However, this code only hides the icon and not the menu beyond. Next to this, I want the sidebar with menu visible on top of the page on on a small device such as a phone too.

    I hope you can help me with this all.

    I put the link of my website and custom css adjustments below.

    Thank you for your help!!

    Lara

    February 15, 2015 at 7:59 pm #396458
    royaltask

    Thanks for asking, I want to know some of your questions,too. I like the mobilemenu, though.
    What I need to know is how to add active sub-menu-items to the menu. I just have a flyout-menu on hover. This is Ok, but active sub-items are not visible.

    February 16, 2015 at 7:35 am #396534
    laartje

    Hi,

    I’m gonna change my layout from Photography to normal to archieve the desired layout. Still, I want to ged rid of the toggle and the menu underneath. Can you provide code to accomplish this?

    February 16, 2015 at 3:44 pm #396753
    Yigit

    Hi!

    It seems like you have already figured it out? :)

    Regards,
    Yigit

    February 16, 2015 at 5:08 pm #396821
    laartje

    Yeah, I figured it out:-) !!

    Do do wanna help me with just one more thing? I use a menu in a widget on the left side of the page but each of the menu items still move up or down a bit when I visit the corresponding page. Can you see whats happening here and help me fix this? I cant find the reason:-(

    Here is the corresponding css for so far:

    #top .widget_nav_menu li a { color: #887373; font-size: 12px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; font-family: ‘Muli’ ; }
    #top .widget_nav_menu li:hover a { color: #dedcd1; font-size: 12px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; font-family: ‘Muli’ ; }

    .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item { background: transparent; }

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor { box-shadow: none; }

    #top .widget ul { list-style: none; }

    Thanks again!!

    Lara

    February 17, 2015 at 11:05 am #397353
    Ismael

    Hi!

    I think it’s because of this modification which changes the bottom padding of the current menu item from the default 5px to 7px :

    .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
border: none;
padding: 6px 7px 7px 0;
}

    Regards,
    Ismael

    February 17, 2015 at 11:22 am #397365
    laartje

    Hi,

    I really want to know what to do. The code as you suggested doesn’t prevent the menu item from shifting up and down, even when I change it from 5px to 7px. I tried all kind of values here allready. The margins on the menu items are still acting strange. Can you help me figuring this out please?

    Lara

    February 17, 2015 at 1:51 pm #397462
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor { 
top: 0 !important; 
padding-top: 0!important; 
}

    Best regards,
    Yigit

    February 17, 2015 at 2:24 pm #397493
    laartje

    Hi!
    Thanks for your help, I really appreciate this, but unfortunately this has no effect either. I noticed when there is a background, the effect of shifting isn’t visable. I really don’t know where to look to change this. The only thing I did, is remove the bullits, the background and border, besides fontsize, color and hover, as seen in the provided css. I’m a bit desperate now:-( Do you have an other suggestion?

    Thanks in advanche!

    February 17, 2015 at 2:29 pm #397498
    Yigit

    Hey!

    Do you mind creating a temporary admin login and posting it here privately?

    Regards,
    Yigit

    February 17, 2015 at 2:34 pm #397502
    laartje
    This reply has been marked as private.
    February 17, 2015 at 2:48 pm #397509
    Yigit

    Hey!

    Please review your website now. You can find the custom CSS code i added in Style.css file of your child theme.

    Best regards,
    Yigit

    February 17, 2015 at 3:03 pm #397521
    laartje

    Thanks a million Yigit, you made my day:-) My menu is fixed now. So many thanks for your patience and support!

    Greetz, Lara

    February 17, 2015 at 3:08 pm #397527
    Yigit

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Photography template sidebar menu and responsive toggle menu’ is closed to new replies.