Topic: Menu | Themeco Community

Tagged: x

← 1 2 3 →

Author

Posts
January 18, 2017 at 12:53 pm #1335453
Nabeel A
Moderator
Hi again,

Try adding the following code in your Customizer:
```
@media screen and (max-width: 1250px) {
.x-brand:after {
    content: "LAFORET GROUP";
    position: absolute;
    left: 80px;
    color: white;
    letter-spacing: 0;
    top: 20px;
    font-size: 25px;
}
}
```
Let us know how this goes!
January 19, 2017 at 10:41 am #1336825

FERLAF
Participant

Thanks a lot

January 19, 2017 at 11:22 am #1336901

Joao
Moderator

You are welcome,

Joao

February 2, 2017 at 11:19 am #1355455

FERLAF
Participant

In Tablet I would like the mobile menú always because the normal menú it is not posible in one line. If you move the pad or ipad is view in two lines: https://wp.laforetgroup.com

@media (max-width: 1250px) {
a.x-btn-navbar {
display: inline-block;
float: right;
}
.x-nav-wrap.mobile.collapse.in {
display: block;
}
.x-nav-wrap.desktop {
display: none;
}
}

February 2, 2017 at 12:58 pm #1355552
Joao
Moderator
Hi There,

Alternatively you could try to add the following code to Appereance > Customizer > Custom > CSS
I think it looks quite good.
```
@media(max-width: 1290px) {
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    font-size: 8.5px;
    padding-top: 28px;
    padding-left: 21px;
    padding-right: 21px;
} }
```
Other wise you can add:
```
@media (max-width: 1290px) {
    a.x-btn-navbar {
        display: inline-block;
        float: right;
    }
   .x-nav-wrap.mobile.collapse.in {
      display: block;
    }
   .x-nav-wrap.desktop {
    display: none;
   }
}
```
Hope that helps
February 2, 2017 at 1:35 pm #1355595

FERLAF
Participant

Thank you.
But in both cases do not go good!!!

February 2, 2017 at 2:25 pm #1355659

Joao
Moderator

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

February 2, 2017 at 3:33 pm #1355762

FERLAF
Participant

This reply has been marked as private.

February 2, 2017 at 9:25 pm #1356202

Friech
Moderator

Hi There,

Please check your entire custom CSS here: http://csslint.net and address all the errors.

Then add the second code provided by Joao again.

Let us know how it goes.

Cheers!

February 4, 2017 at 6:28 am #1357850

FERLAF
Participant

THANK YOU FRIECH,
tHIS IS ALL WARNING AND 1 ERROR OF CSS
15
1
Disallow adjoining classes
Don’t use adjoining classes.
.x-btn.x-btn-alt,
IE6

17
1
Disallow adjoining classes
Don’t use adjoining classes.
.button.x-btn-alt,[type=\”submit\”].x-btn-alt {
IE6

29
1
Disallow adjoining classes
Don’t use adjoining classes.
.x-btn.x-btn-alt:hover,
IE6

29
1
Disallow adjoining classes
Don’t use adjoining classes.
.x-btn.x-btn-alt:hover,
IE6

31
1
Disallow adjoining classes
Don’t use adjoining classes.
.button.x-btn-alt:hover,[type=\”submit\”].x-btn-alt:hover {
IE6

31
1
Disallow adjoining classes
Don’t use adjoining classes.
.button.x-btn-alt:hover,[type=\”submit\”].x-btn-alt:hover {
IE6

68
15
Disallow qualified headings
Heading (h1) should not be qualified.
.dark-section h1,
All

70
15
Disallow qualified headings
Heading (h2) should not be qualified.
.dark-section h2,
All

72
15
Disallow qualified headings
Heading (h3) should not be qualified.
.dark-section h3,
All

74
15
Disallow qualified headings
Heading (h4) should not be qualified.
.dark-section h4,
All

76
15
Disallow qualified headings
Heading (h5) should not be qualified.
.dark-section h5,
All

78
15
Disallow qualified headings
Heading (h6) should not be qualified.
.dark-section h6,
All

80
15
Disallow qualified headings
Heading (h1) should not be qualified.
.dark-section h1 a,
All

82
15
Disallow qualified headings
Heading (h2) should not be qualified.
.dark-section h2 a,
All

84
15
Disallow qualified headings
Heading (h3) should not be qualified.
.dark-section h3 a,
All

86
15
Disallow qualified headings
Heading (h4) should not be qualified.
.dark-section h4 a,
All

88
15
Disallow qualified headings
Heading (h5) should not be qualified.
.dark-section h5 a,
All

90
15
Disallow qualified headings
Heading (h6) should not be qualified.
.dark-section h6 a {
All

98
15
Disallow qualified headings
Heading (h1) should not be qualified.
.dark-section h1 a:hover,
All

100
15
Disallow qualified headings
Heading (h2) should not be qualified.
.dark-section h2 a:hover,
All

102
15
Disallow qualified headings
Heading (h3) should not be qualified.
.dark-section h3 a:hover,
All

104
15
Disallow qualified headings
Heading (h4) should not be qualified.
.dark-section h4 a:hover,
All

106
15
Disallow qualified headings
Heading (h5) should not be qualified.
.dark-section h5 a:hover,
All

108
15
Disallow qualified headings
Heading (h6) should not be qualified.
.dark-section h6 a:hover {
All

151
1
Disallow IDs in selectors
Don’t use IDs in selectors.
#sfm-sidebar .sfm-menu li > a {
All

153
3
Disallow !important
Use of !important
font-size: 30px !important;
All

157
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search {
IE6

157
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search {
IE6

165
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search a {
IE6

165
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search a {
IE6

173
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search a:hover {
IE6

173
1
Disallow adjoining classes
Don’t use adjoining classes.
.menu-item.x-menu-item.x-menu-item-search a:hover {
IE6

181
1
Disallow adjoining classes
Don’t use adjoining classes.
.x-navbar.x-navbar-fixed-top {
IE6

183
3
Disallow !important
Use of !important
position: fixed !important;
All

189
1
Disallow adjoining classes
Don’t use adjoining classes.
.x-nav-wrap.mobile {
IE6

199
5
Disallow overqualified elements
Element (a.x-btn-navbar) is overqualified, just use .x-btn-navbar without element name.
a.x-btn-navbar {
All

203
9
Require properties appropriate for display
float can’t be used with display: inline-block.
float: right;
All

207
4
Disallow adjoining classes
Don’t use adjoining classes.
.x-nav-wrap.mobile.collapse.in {
IE6

207
4
Disallow adjoining classes
Don’t use adjoining classes.
.x-nav-wrap.mobile.collapse.in {
IE6

207
4
Disallow adjoining classes
Don’t use adjoining classes.
.x-nav-wrap.mobile.collapse.in {
IE6

213
4
Disallow adjoining classes
Don’t use adjoining classes.
.x-nav-wrap.desktop {
IE6

221
1
Disallow IDs in selectors
Don’t use IDs in selectors.
#grid-6970 .tg-item-date {
All

227
33
Disallow adjoining classes
Don’t use adjoining classes.
.page-id-7907 #x-content-band-4 .x-block-grid.five-up {
IE6

227
1
Disallow IDs in selectors
Don’t use IDs in selectors.
.page-id-7907 #x-content-band-4 .x-block-grid.five-up {
All

235
33
Disallow adjoining classes
Don’t use adjoining classes.
.page-id-7907 #x-content-band-4 .x-block-grid.five-up>li {
IE6

235
1
Disallow IDs in selectors
Don’t use IDs in selectors.
.page-id-7907 #x-content-band-4 .x-block-grid.five-up>li {
All

262
1
Disallow IDs in selectors
Don’t use IDs in selectors.
#x-section-1 .x-container .x-column:first-child .x-feature-box-text {
All

197
1
Parsing Errors
Expected RBRACE at line 197, col 1.
@media (max-width: 1250px) {
All

February 4, 2017 at 7:48 am #1357872

Nabeel A
Moderator

Hi again,

Thank you for providing the errors log. You had a missing curly bracket in your Custom CSS. I went ahead and fixed it for you. Please clear your browser’s cache and reload the site.

Let us know how this goes!

February 4, 2017 at 1:37 pm #1358024

FERLAF
Participant

Thank you a lot.
Now everything goes well.

February 4, 2017 at 10:53 pm #1358319

Christopher
Moderator

You’re welcome.

February 8, 2017 at 12:52 pm #1363211

FERLAF
Participant

Hello ,
I do not why.
Now the menú it is not going well!!!
https://wp.laforetgroup.com/contacto/ YOU CAN CLICK ON PROGRAMAS
“Since you have a mixed menu of ONE PAGE NAVIGATION with Standard Navigation you will need to create two menus.
One of them you already have and that will be assigned as your Main Menu.
Than you will create one excactly the same but instead of using full links like : https://wp.laforetgroup.com/#programas , you will use just : #programas and you will assign this one as your ONE Page Navigation menu on your home page.”
Thank you

February 8, 2017 at 4:09 pm #1363437

Joao
Moderator

Hi There,

If you are referring to the links that are not working like Catalogos, it is not working because you have:

/catalogos

And you should have

https://wp.laforetgroup.com/#catalogos

Hope that helps

Joao
Author

Posts

← 1 2 3 →

<script> jQuery(function($){ $("#no-reply-1327360 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>