-
-
Hi!
i can see one error on responsive ipad menu (landescape) …
can you help me?
Best Regards
-
-
Hello,
Can you please send the screenshot of the error? I don’t see any. You can add this code into your custom css box:
@media (max-width:1024px){ .header_11 #logo { margin-left: 10px; margin-right: 10px; } nav .menu > li { padding-right: 2px; padding-left: 2px; }}
to make menu items in one row.
Best regards!
-
-
Hello,
I see from inspect element that logo and menu items, values are not as assigned from the code i gave you but higher. Respectively,
.header_11 #logo { margin-left: 30px; margin-right: 30px; } nav .menu > li { padding-right: 8px; padding-left: 8px; }
Please add
!important
to the previous code and try again.
Should be like this:@media (max-width:1024px){ .header_11 #logo { margin-left: 10px !important; margin-right: 10px !important; } nav .menu > li { padding-right: 2px !important; padding-left: 2px !important; }}
Best regards!
-
-
Hello,
You had an error in your custom css box. In line 4 and 7 there were two brackets missing. I added that, and now the code is functional. But you had added this other code too:
.header_11 #logo { margin-left: 30px; margin-right: 30px; } nav .menu > li { padding-right: 8px; padding-left: 8px; }
Which was stopping the one i gave you from doing it’s job. I commented that. It’s ok now. Please check your site.
Best regards!
-
sorry!
but the new solution not worked
please, check the ipad landscape … the problem persists
regards
-
i resolved with this:
@media (max-width:1024px) {
.header_11 #logo {
margin-left: 6px !important;
margin-right: 6px !important;
}
nav .menu > li {
padding-right: 2px !important;
padding-left: 2px !important;
}
}
-
You must be logged in to reply to this topic.