CSS on menu

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: border, css

Author

Posts
May 22, 2017 at 8:27 pm #379567

Marcus Conway
Expired Member

Post count: 126

Hi there,

I cannot see how I mucked up my CSS on this menu border. I want the border under providers to be the same as under articles yet it moves around and stays much longer

Thanks

May 22, 2017 at 9:30 pm #379581

Guust
Moderator

Post count: 29970

Please always add URLs to check CSS, it is not possible too check the code of images.
Thanks

May 23, 2017 at 12:58 pm #379665

Marcus Conway
Expired Member

Post count: 126

Here you go

http://www.naturephototour.com/places/wildlife-photography-business/kingfisher-club/

May 23, 2017 at 1:02 pm #379666

Marcus Conway
Expired Member

Post count: 126

Hi here it the link http://www.naturephototour.com/places/wildlife-photography-business/kingfisher-club/

May 23, 2017 at 6:35 pm #379739
Paolo
Site Admin

Post count: 31206
Please try with:
```
aside .gd-cptcat-ul.gd-cptcat-parent.gd-cpt-flat li a {
    max-width: 270px;
    min-width: 270px;
}
```
The problem is caused by the lenght of the title and the increased font size.

Thanks
May 23, 2017 at 7:08 pm #379746

Marcus Conway
Expired Member

Post count: 126

Thanks I tried that but it is not responsive like the other borders when the menu is in tab mode.

Any ideas?

May 24, 2017 at 5:16 pm #379884

Paolo
Site Admin

Post count: 31206

What do you mean by tab mode? I see it correct now, did you fix it?

May 24, 2017 at 6:28 pm #379898

Marcus Conway
Expired Member

Post count: 126

Sorry I meant that when I resize the window for a tablet resolution it does not resize the border.

And no it is not working except when the page is full screen on a windows device e.g. laptop

May 27, 2017 at 8:36 am #380289

Marcus Conway
Expired Member

Post count: 126

Any ideas on this?

May 27, 2017 at 12:58 pm #380319

Guust
Moderator

Post count: 29970

Looks fine to me in all browsers.
What device and browser are you using? Cleared all caches?

Thanks

May 28, 2017 at 9:13 am #380444

Marcus Conway
Expired Member

Post count: 126

This is what I see in firefox and google incognito…

May 29, 2017 at 9:37 am #380569

Marcus Conway
Expired Member

Post count: 126

Just to circle back -the CSS is working on some pages but not others

Works on this detail page

http://www.naturephototour.com/places/wildlife-photography-business/kingfisher-club/

But NOT this one

http://www.naturephototour.com/articles/bird-photography/photographing-barnacle-geese-dumfries-galloway-caerlaverock/

May 29, 2017 at 10:21 am #380577

Giri
Expired Member

Post count: 3155

Hi Marcus,

Give me some minutes. I’ll give you the fix.

May 29, 2017 at 10:38 am #380581
Giri
Expired Member

Post count: 3155
You seem like you add this custom CSS.

Thats what causing that issue.
```
.gd-cptcats-widget .gd-cptcat-gd_place {
    width: auto;
}
```
May 29, 2017 at 11:11 am #380588

Marcus Conway
Expired Member

Post count: 126

Perfect – found it and fixed it 🙂
Author

Posts