Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1044057

Hi,

Could you send me screenshot of how you want it should be here?

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1044094

I have attached a screenshot of the problem that occurs in the menu when any item in the dropdown for "Properties" is selected. I want the menu to behave the way it displays when items from any other part of the menu are selected.

• This reply was modified 6 years, 11 months ago by  trevorellis.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1044705

You can try opening the file: http://mcsestate.users62.interdns.co.uk/templates/uber/local/css/themes/aston1/megamenu.css

At approx line 552:

.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
  border: 0;
  margin-top: 0px;
  margin-left: 5px;
}

change the ‘margin-top’ to 0 like this.

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1081464

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1081466

Hi,

I added this custom CSS:

.com_estateagent .t3-megamenu .nav > .dropdown > .dropdown-toggle .caret { margin-top: 0px !important; }

into the file: templates/uber/css/custom.css

You can check items under Properties menu item, it’s working now.

Cheers!

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1081469

That’s better but it still changes the button colour and the fonts and moves the menu down.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1081472

It seems that it’s caused by the 3rd party extension on your site com_estateagent, it overrode the style of template:

.com_estateagent .uber-header.highlight-color .navbar-default .navbar-nav > li > a,
.com_estateagent .uber-header.highlight-color .navbar-default .navbar-nav > li > span {
  text-transform: uppercase;
  font-weight: 600;
  font-family: Verdana;
  text-shadow: none;
}
.uber-header.highlight-color .navbar-default .navbar-nav > .active > span, .uber-header.highlight-color .navbar-default .navbar-nav > .active > span:hover, .uber-header.highlight-color .navbar-default .navbar-nav > .active > span:focus {
  color: #ffffff !important;
  background-color: #8c0c2d !important;
}

I added this rule. Kindly check.

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1081522

I really appreciate your help, that has kept the menu colours correct, but I can’t see that has made any difference to the font size changing.

• This reply was modified 6 years, 5 months ago by  trevorellis.

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1081558

I have added:

font-size: 16px !important;

and this has sorted the font size, thank you very much for your help.

[trevorellis Friend trevorellisJoin date: August 2016Posts: 83Downloads:61Uploads:9 Thanks: 7 Thanked: 1 times in 1 posts]

#1081560

Please mark as Solved, Thanks Again.

[Author]

Posts