1- the 3 dashes on the right corner is not working correctly ( the mobile menu ), yes it is annoying because people need to click on it many times ignorer to work and open the tab. ( Test on iPhone only ). So what I did is I disable menu but I need to remove the icon how ?
2- Is there any why to move the side widget to be shown on the top of the page ? I mean only on the mobile view.
the second one it didn't work. Maybe I need to explain more clearly ignorer to understand my request. As I said ( I need to move the Product Category sidebar to be in the top of the page before the products and sub-categories ) .
Did you clear cache on your mobile? If not, please do it. Also, please try checking on another browser, device. Because my code can not work with some old browsers, devices. It is a new feature of CSS.
Because you added my code to the style.css file. So it can not override css which is used for mobile. Please add the custom css to Theme Options > Custom Code > Custom CSS Code field.
Also, if you add code to the theme file, your changes will be lost if you update the theme in future. If you add code to Theme Options, it won't be lost when you update the theme.
Hello,
I have 2 questions on Mobile View.
1- the 3 dashes on the right corner is not working correctly ( the mobile menu ), yes it is annoying because people need to click on it many times ignorer to work and open the tab. ( Test on iPhone only ). So what I did is I disable menu but I need to remove the icon how ?
2- Is there any why to move the side widget to be shown on the top of the page ? I mean only on the mobile view.
Hi Ahmed,
1. It works fine with my. Anyway, if you still want to remove that icon, you can add the custom css below
body header .ic-mobile-menu-button{ display: none !important; } @media only screen and (max-width: 767px){ header .info-desc{ padding-right: 10px; } }2. You can add the custom css below
@media only screen and (max-width: 767px){ body.archive.woocommerce .page-container{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; } body.archive.woocommerce #right-sidebar{ -ms-flex-order: 1 !important; order: 1 !important; margin-bottom: 0; } body.archive.woocommerce #main-content{ -ms-flex-order: 2 !important; order: 2 !important; } }Best regards,
Hi Stormit,
thanks,
the first solution worked great.
the second one it didn't work. Maybe I need to explain more clearly ignorer to understand my request. As I said ( I need to move the Product Category sidebar to be in the top of the page before the products and sub-categories ) .
thanks a lot
Hi Ahmed,
Did you clear cache on your mobile? If not, please do it. Also, please try checking on another browser, device. Because my code can not work with some old browsers, devices. It is a new feature of CSS.
Best regards,
Hi, I did clear the cache but still, even I asked people with different IOS and devices to check still nothing changed.
Can you check how is it looks like if you don't mind ?
https://justaflash.com
Hi Ahmed,
Because you added my code to the style.css file. So it can not override css which is used for mobile. Please add the custom css to Theme Options > Custom Code > Custom CSS Code field.
Also, if you add code to the theme file, your changes will be lost if you update the theme in future. If you add code to Theme Options, it won't be lost when you update the theme.
Best regards,
thank you so much. It is working great appreciate your time and your help.