Responsive menu

johncove

How do I remove or change "undefined":-

surgeon

This is a glitch, will remove it ASAP.
But it will not be visible if you want to have social icons visible.
Nevertheless - I'll fix that.
Thank you.

johncove

Ok - I have a web site waiting to go live, so when can I expect this to work?

surgeon

Fixes are done, but those must go through the Envato, and they must accept them, so if you want me to apply them without waiting - please provide as FTP access, send me credentials via private message.

johncove

Thanks!

surgeon

done.
now go to CeeVee Options>>Custom Style and paste this definition:

.categories_filter_wrapper {
  margin: 0 10px 60px 0;
}

johncove

Thanks for doing it so quickly but it simply doesn't look very good - looks untidy:-

http://www.johncove.co.uk/dev/#a13_Examples

johncove

The margins are different for the underlining meaning there is a space plus it looks messy - can you please look at the design here.

surgeon

Yes, this was more like removing glitches, you can expect further improvements tomorrow.

surgeon

Try now, and use this additional definition in CeeVee Options>>Custom Style:

.categories_filter {
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
}

johncove

I have added this - doesn't seem to have made any difference.

How can I change the line and arrow to a simple box with selectable background? Would feel a lot better to the user, for example:-

http://www.ritvawestenius.co.uk/dev/bridalwear

surgeon

Well - you can do it with custom css, I'll provide example on Monday.

johncove

Thanks.

surgeon

Please check now. Colors need to be tuned, just play with css in CeeVee options >> Custom Style.

johncove

Thanks - I will look tomorrow.

johncove

How do I remove the extra high space below the first line of links so the spacing looks uniform?

Also, how do I add a background colour so they look more like buttons/boxes that have more impact and imply they should be pressed.

Thanks for your help.

surgeon

If you can't modify styles on your own - please provide me a detailed information (graphic design) of how you want it to look like. I'll perform these modifications for you in my spare time.

johncove

I can't change the margin / padding as requested, no. It looks like they are being dynamically created.

If you can add the required styling, I can then update it to the colours I need and spacing I need. I am sorry to be a pain.

I just need the margins looking uniform (at the moment they look un-tidy) and the background for each button changing to the same colour as the borders which then change on hover.

surgeon

But you can change styles in CeeVee Options >> Custom Style panel.
I changed the margin, check now. Please - you can change it by yourself.

johncove

Thank you. I understand your position here and know you've helped me lots already - thank you!

johncove

I noticed this is not responsive and has caused some problems on my mobile - see attached screen shot. Can you please help with this as the web site will be viewed by people on mobiles / smart phones / tablets mostly as we all know.

http://www.responsinator.com/?url=www.johncove.co.uk

You will see the nav filter text per section sits behind the pictures.

Thanks.

johncove

This is outstanding and i have been very patient. Can you get back to me please.

surgeon

Hi, sorry
I overseen this reply among your other topics.

johncove said: You will see the nav filter text per section sits behind the pictures.

I checked that, you are talking about the navigation buttons not being animated while section are closed, right?
If so - I'll check it.
If not - please provide more detailed description

surgeon

If you are asking for element marked on screenshot - then it's not a bug, this was designed like this,

johncove

No, this is not the area I am talking about

johncove

Please go to this link:-

http://www.responsinator.com/?url=www.johncove.co.uk

Then navigate to MY WORK
Then you will see the problem - the filtering buttons are appearing behind the content therefore the user cannot click to filter the content

Maybe I should go back to how it was before? Either way, this is a poor solution for mobile users.

See the problem?

surgeon

got it!
will fix this today. please stay tuned.

surgeon

Please use this css definition:

.categories_filter {
  display: table;
  border: medium none !important;
}
.categories_filter li {
display: inline-table!important;
  border: 1px solid;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

johncove

Thank you