Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 28, 2014 at 1:48 pm #284836
    janeyj

    I set up a custom menu that I need to drop in with a widget so it falls below an opening color section. (It will be displaying in the empty blue bar) The only issues I’m having with that are:

    1. I can’t get it to float left. This is the command closest to what I need, but it’s still flowing vertically.
    .widget_nav_menu li{ border-right: solid 1px #ffffff; padding:0 30px; list-style-type: none; line-height: 1em; float: left !important;}

    2. Also, can I make this switch over to a dropdown under the @media sections for responsive adjustment? If not I’ll just drop the float and border so it goes vertical again, but I’d prefer the dropdown.

    June 29, 2014 at 4:38 am #284938
    Ismael

    Hi janeyj!

    Thank you for visiting the support forum.

    We can’t access the site. It says “Authorization Required”. If you don’t mind, please post a screenshot of what you’re trying to do. You can use imgur, dropbox etc.

    Regards,
    Ismael

    June 29, 2014 at 7:11 am #284959
    janeyj
    This reply has been marked as private.
    June 29, 2014 at 8:14 am #284981
    Ismael

    Hi!

    Thank you for the access.

    1.) Please use this on Quick CSS or custom.css to fix the menu:

    #menu-parallax-menu li {
clear: none !important;
}

    2.) I’m sorry but the mobile menu will only work for the default theme menu. You need to hire a freelance developer if you want to apply it on your custom menu. Please visit Envato Studio or Werkpress for further customization.

    Best regards,
    Ismael

    June 30, 2014 at 7:19 am #285076
    janeyj

    Thanks,Ismael. Is it possible to have this centered on the page instead of left alligned? I’m sure I’ve just been calling out the wrong element in my efforts…

    Also, totally understand on the dropdown. That’s fine, I’ll just adjust the CSS to remove the float and border. Which I’ve been trying to do, but I’m quite confused. Only some of the styles I place in the mobile area are applying. I’ve tried adding a top margin, adding !important to the list style (none), centering, etc. Won’t work. I’ve only managed to get the float and border to go away…. Any suggestions?

    June 30, 2014 at 9:22 pm #285392
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 768px) { 
#menu-parallax-menu li:first-child { padding: 0 60px 0 60px; }}
#top .widget ul { width: auto; }

    Regards,
    Yigit

    June 30, 2014 at 9:33 pm #285399
    janeyj

    It didn’t change anything. Still showing left aligned and when it drops to mobile view, I still have bullets displaying. And the top-margin won’t adjust on mobile.

    June 30, 2014 at 9:42 pm #285406
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #menu-parallax-menu { list-style: none!important; }
@media only screen and (max-width: 480px) {
ul#menu-parallax-menu li {
margin-top: 20px!important;
}}

    and please add !important rule to previous code i posted as following

    @media only screen and (min-width: 768px) { 
#menu-parallax-menu li:first-child { padding: 0 60px 0 60px !important; }}
#top .widget ul { width: auto; }

    Best regards,
    Yigit

    June 30, 2014 at 10:27 pm #285427
    janeyj

    Thanks! I went back into layout.css and applied to the rest of the screen sizes as well. I think we have a good solution here.

    It does seem that it’s still left aligning though. I reduced the padding temporarily to 45px and it shifted left. On the mobile adjustments, it was left aligned as well. I added text-aligns center and also left and right margins to auto. Any way to get these to the center?

    Thanks so much!

    June 30, 2014 at 10:36 pm #285432
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
ul#menu-parallax-menu {
    float: none !important;
}
}

    Cheers! 
    Josue

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