Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 6, 2015 at 3:38 pm #483953
    hardeep_singh04

    Hi,

    Please see the screenshot :- http://s18.postimg.org/o25f88m15/Untitled_1.jpg

    As you can see the menu is getting divided into two rows. Responsive layout is activated with latest version of theme. I’m not facing any issue in mobile devices it is working perfectly fine but I’m facing issue in small screen desktop and laptops.

    Thanks in Advance!

    August 6, 2015 at 3:41 pm #483956
    Yigit

    Hey Hardeep!

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.
    If that does not help, please post the link to your website.

    Regards,
    Yigit

    August 6, 2015 at 4:15 pm #483995
    hardeep_singh04

    No dear, still the same, when try to resize the window it is getting divided into two rows….

    August 7, 2015 at 4:54 am #484270
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 7, 2015 at 9:03 am #484346
    hardeep_singh04

    Sure here’s my details:

    August 7, 2015 at 11:37 am #484453
    Yigit

    Hey!

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

    @media only screen and (max-width: 1200px) {
#top .av_seperator_big_border#header .av-main-nav > li > a {
    padding: 0 6px;
}
#header_main_alternate .container {
    padding: 0;
}}

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

    Best regards,
    Yigit

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