Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 29, 2015 at 6:13 am #480030
    suums

    Hi,

    I’m facing issues with the Nav bar. If i reduce the browser width to approx 1000-1100px, the last couple of tabs drop down in another line and look very awkward. Is it not possible to reduce the size of the nav bar if the window resizes or for monitors between 1000-1100px?
    Screenshot attached.

    Any help will be greatly appreciated.

    Thanks
    Suums

    July 29, 2015 at 1:22 pm #480182
    Yigit

    Hey Sumeru!

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

    @media only screen and (max-width: 1100px) {
.av-main-nav > li > a {
    padding: 0 6px;
}}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

    July 29, 2015 at 1:33 pm #480189
    suums

    Hi Yigit,

    I did that but unfortunately everything is still the same.

    Thanks,
    Suums

    July 30, 2015 at 9:58 am #480575
    Rikard

    Hi,

    You could activate the mobile menu at an earlier stage, would that be an option for you?

    Regards,
    Rikard

    July 30, 2015 at 10:02 am #480577
    suums

    Hi Rikard,
    Ideally I would like a fix for the nav bar but if no other option is there then yes mobile menu would do but only as the last resort.

    Thanks
    Suums

    July 30, 2015 at 2:26 pm #480699
    Yigit

    Hi!

    Problem was this – http://i.imgur.com/IDXRZQ3.png as i suggested you to check here – https://kriesi.at/support/topic/navigation-issue-2/#post-480182 :)
    I fixed it and adjusted the code a little. Please review your website now.

    Best regards,
    Yigit

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