I am making my website in wordpress using astra theme. I have there 2 pages present, https://petrmacholan.cz/ and https://petrmacholan.cz/blog/ . Any of the pages I create on this website in present I would like my navigation menu hidden. How do I do that? What should I write in my css code to make it that way? Thanks in advance
You can try
#main-menu {
display: none;
}
Related
Wordpress, using Avada theme with Fusion Builder. There are these bullet points appearing on the left of the homepage, when I inspect element it shows me the following:
"fusion-main-menu fusion-sticky-menu"
"Main Menu Sticky"
"fusion-mobile-menu"
Tried to edit on WP under these categories but still can't fix it.
Any way of fixing it so this menu dissapears?
Either CSS either from WP Settings?
Website is https://dev1.bachelona.com/
so you can see what I'm talking about on the page.
A million thanks xx
You can apply following CSS to fix the issue:
ul {
list-style-type: none;
}
I've tried searching the forums about this but I can't find something that works in my case.
I'm using elementor with Wordpress and Astra themes. For some reason suddenly the dropdown menu disappears fast when you try and click the menus. The dropdown menu also goes behind the pictures on some of the pages (not the front page). I have not edited anything about the menu and I have no idea how it happened.
Here it shows what I mean with the menu going behind the pictures
It does not do this on the front page.
The website is https://www.onebag.dk/
Does anybody know how I fix this?
The top elementor HTML element...
<div data-elementor-type="product-archive" data-elementor-id="589"
class="elementor elementor-589 elementor-location-archive product" data-
elementor-settings="[]">
... is positioned relatively but has no z-index set.
If you set the z-index below 9999 (the index of the submenu) it works. I think you can use this css in the custom css section of your theme:
div.elementor {
z-index: 99;
}
Maybe this is a bug in the theme, or it is a conflict between theme and a plugin.
I used this custom CSS to fix the problem:
#masthead {
z-index:99999
}
#content {
z-index: 0;
}
Basicly, made index of header higher than contents index and worked.
I have been trying to remove this breadcrumb feature from my WordPress site but don't know how to do. Please help. It shows in every page.
I want to remove from all pages.
You can use this CSS:
nav.woocommerce-breadcrumb {
display: none;
}
This can be added via a child theme or within your WordPress Customizer
.
In your child-theme or custom CSS box, add the following code:
.woocommerce-breadcrumb {
display: none;
}
If that doesn't work, use !important like so:
.woocommerce-breadcrumb {
display: none !important;
}
Do not use !important unless necessary and only edit your child-theme or you will lose this modification on next theme update.
It's best to put the above code in the CSS box if your theme has one. It can usually be found under 'Theme Options' in wp-admin.
The code I gave will simply hide the concerned CSS class.
Hope this helps.
I would like to show sticky menu in all other pages except home page . How can I do that ? Please help Please see my site here
You can hide sticky header using css
.page-id-94 .is-sticky {
display: none;
}
Page ID - .page-id-9 -> It is unique to front page that you are using.
I hope this will help you.
Try this
.home #Top_bar.is-sticky{
position: relative !important;
}
It's better to use .home class instead of .page-id-XXX since there is a possibility the homepage may change id.
I am using Divi theme for WordPress project.
I would like to change all the page / post / product layout to full width by default instead of right side bar.
Please help how to do this. There is no default theme option available for that ont the admin side.
Thank you,
-Gideon
you can create layout template as fullwidth and inherit your pages from that template. To achieve that go to "Divi menu">"Divi library"
another solution is using this css code in "Divi">"Theme Options">"General">"Custom CSS":
#sidebar{display: none;}
#left-area{width: 100%;}
#main-content .container:before {
width: 0;
}