Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 9, 2013 at 7:18 am #29287
    Robsticles1

    Hi there,

    I’ve made a few small changes to the main menu, but I’m getting some overlapping issues when I resize the browser window. The logo and menu seem to overlap (my logo is about 340px wide).

    The logo, menu and content don’t utilise 100% of the screen width at these lower resolutions. Am I able to change that? I’ve searched through the media queries but for the life of me can’t figure it out.

    I’m working on my localhost so can’t send a link.

    Thanks, Rob

    ** Would be nice if we could upload images :)

    September 9, 2013 at 7:58 am #140258
    Robsticles1

    Here’s a link to a dropbox shared image.

    This is at 968px screen width. Notice the spacing on the sides, if I could get rid of that it would probably solve the issue.

    https://www.dropbox.com/sc/eiywcgdrpy9km5s/52qVtoPHp-

    September 9, 2013 at 7:14 pm #140259
    Yigit

    Hi Rob,

    You can solve this issue by switching to mobile menu, let’s say, at 975px.

    To do so, in your WordPress directory please go to Enfold > Js and open Avia.js file and find following code in line 87

    switchWidth = 767;

    and change it to 975 or any other desired value

    switchWidth = 975;

    Regards,

    Yigit

    September 10, 2013 at 7:55 am #140260
    Robsticles1

    Perfect! Thanks

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Responsive layout’ is closed to new replies.