Mobile Menu positioning and editing

  • rlaud

    (@rlaud)


    6 years, 10 months ago

    Hi,

    I need some help with editing the position of my drop down main menu on the homepage when viewing on a mobile/tablet screen.

    My website is:
    http://www.myframes.me

    Currently the drop down menu overlaps the homepage slides. I would like to change this so the drop down menu is in between the logo and the slides so it doesn’t overlap either. How do I do this?

    Thanks
    R

Viewing 1 replies (of 1 total)
  • Adam Morgan

    (@adam3128)

    6 years, 10 months ago

    Hi @rlaud,

    This area currently has some styling on it which positions it with the absolute rule.

    You currently have a media breakpoint at 1120px which is applying the following:

    section#homepage .flexslider .leftbox {
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    margin-top: -140px;
    width: 100%;
}

    You could just look at adding position:relative to this to bring it back in to the normal layout which I think will achieve what you’re after. You might just need to increase the margin-top slightly as well or remove it from the flex slider.

    If you only want this to be applied to mobile devices then you can look at adding another media breakpoint.

    many thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Menu positioning and editing’ is closed to new replies.