Please Please! Help with MObile version

Hi,

My website assurancegroup.co.uk has a problem with the mobile version.The menu block does not comes up in mobile version and it comes in 550 px of screen but not in mobile screen.And if you click on it then way to long menu appears.I have been trying to use different kinds of css from a whole day to make it work.BUt its not working.Please help me.

Hi,

I just checking your site, and the issue is caused by your css code I think.
firstly, please remove this css code:

.col-md-8.col-sm-4.col-xs-12 {
    padding: 0px 00px 0 0;
    position: relative;
    bottom: 40px;
    float: right;
    margin: 0;
    width: 1000px;
}

then add this css code:

.header-slider {
    top: -35px;
}

Hi Awan,

Thank you so much for replying and that code worked but the problem is if i remove the previous code then my menu goes under the top bar and can not be visible.Please provide a solution so that my menu can remain the same without being affected.

I would be really glad for your help.

Ah you right, the top nav are not visible when displayed in desktop. Try this please:

  • Remove this:
.col-md-8.col-sm-4.col-xs-12 {
    padding: 0px 00px 0 0;
    position: relative;
    bottom: 40px;
    float: right;
    margin: 0;
    width: 1000px;
}
  • then use this code instead:
nav#mainnav {
    margin-top: 40px;
}

Thank you Awan.You have been a great help but the thing is with your code my site comes right on mobile version and also the menu comes down but i want the site to look like thisThe look i want
but it comes up like this
i don't want

if this can be solved and the logo will be in right proportion then i would be truly thankful.

image again: j

the one i want it to look

Hello, the attached image are not displayed. can you repost it with a link instead?

Hi Awan,

Sorry for the late reply.Here are the links

https://plus.google.com/u/0/109005569329459090582/posts/1jEaafeDdCT?pid=6213369869719825730&oid=109005569329459090582

not like this

https://plus.google.com/u/0/109005569329459090582/posts/1jEaafeDdCT?pid=6213369860668736578&oid=109005569329459090582

should be like this

Thank you

One more thing Awan.I am making a blog page.SO the header menu is coming up in that page but when i click on any link.It does not redirects it to the specific page’s row.
What to do??

Hi,

seems you already fix the menu issue?

and for link of the menu, please try to add ? before you put the section ID. example: ?#pg-2157-2

Thank you so much Awan! I will try using that and yes I fixed that thing using different codes but the issue is that if I want my website look like thr my mobile menu does not works.How can I make both of them work?