Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #28863

    Hi, I have a problem that my primary menu bar has a lot of long sentences in it. What I am trying to do, is that the link text’s would fix to rows. I can do that from css in my dropdown menu just fine, the words will group if I change the the max width in css

    .main_menu ul first-child > li > a

    max-width ….

    But I cannot find where i could fix my primary menus preferences. I would want my menu text to be in two rows.

    Another thing is with the custom slider. If I use the normal easy slider, it does not create any borders with it. If I implement my own or another custom slider, it always makes box shadow-like lines top of the slider, it is kind of like the custom slider is an element with edges top of it. I would want to have the “borders” or the lines to be blank white. I am not sure if you get what I mean!



    The custom slider problem might originate from the fact that the custom slider is originally wide, but I would want it to look like the small easy slider.



    Can you post the link to your website please?




    Ok so here I am trying to build a slider just like in the homepage:

    the difference is that in the homepage, I can’t add custom text to the slider because it is the default easy slider. The custom slider adds some kind of borders top of it. It would be great also to know how to add more space top of the slider between other elements. is the homepage. The menu is almost getting too long so I would like to have it tighter or the text to be wrapped.

    Thank you!



    On this page you are using Layer Slider. In all the other sliders you can add captions to images as shown below

    Please add following codes to custom.css file or Quick CSS in Enfold theme options page under Styling. This code will increase top margin of Layer Slider by 20px.

    #top .ls-wp-container { margin-top: 20px!important; }

    and this code will decrease the padding of menu items

    .main_menu ul:first-child > li > a { padding: 0 5px; }




    Thank you for the quick reply. Helped me a lot although I would want to use the layer slider because it is more customizable. I just have minor problem, which is actually kind of big for us. If it is anyway possible to remove the line in layer slider.

    Here is a picture of it:

    It is not even that visible but enough to be annoying. I am not sure if it is even visible with other displays.



    Please try replacing this code in Quick CSS

    #top .ls-wp-container { margin-top: 20px!important; }


    div#layerslider_6 { margin-top: 20px!important; }

    That should do it




    Thanks a lot! Made my day to see that get fixed. Thanks again for the quick responses!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fixed menu size and Custom slider problem’ is closed to new replies.