Hey,
For some reason no matter what i do to change CSS, nothing happens.
I need to hide the entire header on mobile (logo, search, menu).
I read all the threads about it, but nothing happens when i use CSS.
Why is that?
thanks
Might help to explain WHERE you are actually putting the CSS ?
often bottom of your style.css file is best place; although if you’re using the custom CSS box in theme panel, for some things you may need to add the common !important tag to your over-ride to force the CSS to over-ride the default.
Hey Chris,
Thanks for the reply.
I tried everything, in the style.css file and in the Custom CSS. Nothing works.
For example: As you can see the logo floats to the right >> https://postimg.org/image/fad9sbelz/
But in my css.style file the float:right!important line doesn’t exist. I deleted it. so why is it still there?
And this happens with every line. i delete/edit it, but nothing cahnges.
If you’re using caching, then you need to clear cache in both site/plugin as applicable AND in your web browser. Chrome in particular holds onto CSS until you clear history or do force reload.
e.g.,
Chrome:
Quick hard refresh can be done by using the following short cut keys
Windows/Linux:
Hold down Ctrl and click the Reload button.
Or, Hold down Ctrl and press F5.
just open the Chrome Dev Tools by pressing F12. Once the chrome dev tools are open, just right click on the refresh button and a menu will drop down. This menu gives you the option of doing a hard refresh, or even clearing the cache and do a hard refresh automatically.
It has nothing to do with caching.
Maybe the RTL theme is the reason? But again, if i change something in the CSS file, should it apply to the site? How else can i make modifications?
Hello gilli,
I have checked your website and I saw that you are using the RTL mode for the theme. Please keep in mind that the theme has no RTL support because it has been designed to be used in this layout, sorry!
Unfortunately, we have no plan on implementing it in the near future. Implementing RTL support in our theme will require 2 style.css files and it will add significant “weight” to the theme. Using the RTL mode means that lots of elements have to be adjusted and this thing involves custom work and we cannot provide this at the moment!
Regarding on your problem, please be more specific about what you want to achieve because I do not exactly understand what you mean.
Thanks for the message!
What i want is to remove the entire header on mobile (logo, search, menu).
I tried everything you suggested in other threads, but nothing worked.
Also, i’d like to move the logo to the left, and the header ad to the right (on desktop). Wasn’t able to do that either.
Thanks
Hello gilli,
For your mobile mode, if you want to get rid of the header, please try the code below.
The code is ->
@media (max-width:767px){
.td-menu-background{
display:none
}
.td-grid-wrap{
padding:0;
}
.td-menu-placeholder{
display:none;
}
.td-header-bg{
display:none;
}
}
The result -> http://screencast.com/t/kQLB7VkXFOqO
and if you want to replace the placements for your logo and header ad, please try the code below and place it in Theme panel.
The code is ->
.header-logo-wrap{
float:left!important;
}
The result -> http://screencast.com/t/cm6Hlaeu
Please notice that places were reversed due your RTL mode.
Thanks for your understanding!
