Hello there,
my domain is dragoman.ist
Mobile menu stay open on the page and does not wrap-up. Hoe can I fix this?
Hello there,
my domain is dragoman.ist
Mobile menu stay open on the page and does not wrap-up. Hoe can I fix this?
Hi,
Try adding this CSS code to your website’s Additional CSS under admin area (/wp-admin) > Appearance > Customize.
#mainnav-mobi.mainnav.hidden {
display: none;
}
Regards,
Kharis
aThemes Support
Hi Kharis,
Now the mobile menu is gone and also the site is no longer responsive. Perhaps I have too many additional CSS?
Here is what I have
@media only screen and (min-width: 480px) {
.sp-top-search label {
width: calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: -webkit-calc(100% - 140px);
}
.sp-top-search input.search-field {
width: 100%;
}
}
html,
body {
overflow-x: hidden;
}
.entry-header .meta-post {
word-break: break-all;
}
@media only screen and (min-width: 1024px) {
.site-header .col-md-4 {
width: 10%;
}
.site-header .col-md-8 {
width: 90%;
}
}
.site-header .header-wrap .container {
width: 100%;
}
@media only screen and (max-width: 767px) {
.site-header .header-wrap .col-md-4 {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.sydney-hero-area .header-image {
display: none;
}
}
.preloader {
display: none !important;
}
#mainnav-mobi.mainnav.hidden {
display: none;
}
Hi,
Thank you for getting back.
As checked with my phone, your mobile menu is working fine. Here is the screen recording when checking.
https://drive.google.com/file/d/1qQroK9WqfRvVw4QFu7HCVYbP-lZKHB4X/view?usp=sharing
Perhaps you’re having a cache on your web browser that should be flushed. You may need to refresh your web browser before reloading your site.
Regards,
Kharis
aThemes Support
It is not the cache…the mobiele site is no longer responsive
any solutions Kharis?
Hi,
Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.
#mainnav-mobi.mainnav.toggled,
#mainnav-mobi.mainnav.syd-hidden.toggled {
display: block;
}
Let me know how it works.
Regards,
Kharis
aThemes Support
Dear Kharis,
Some blocks are still not responsive. I am using an android - I cleared cache.
Also asked other friends.
This is the first time I see some blocks on a page become mobiel friendly while some others are not.
How can I fix it?
Can you take a screen recording for this and share it here to help me be able to get clearer picture?
Regards,
Kharis
aThemes Support
of course,
here is the google drive link:
https://drive.google.com/file/d/1-jtKNyn-d5FxQOKxsWGZcRl1vTlR7C3w/view?usp=sharing
Hi,
Thank you for sharing the video.
Try adding this CSS code to your website’s Additional CSS.
.container {
max-width: 100%;
}
Regards,
Kharis
aThemes Support
Hi Kharis,
Thank you. Now my mobile site is responsive and contained
You’re welcome!
Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.
Regards,
Kharis
aThemes Support