Max90 Posted January 14, 2023 Share Posted January 14, 2023 Hi, I have the classic theme (child theme) and I moved the search field to the top row. In the desktop version everything is ok, while in the mobile I would like to remove the line that remains white. I show you how it looks in the screenshot. The red box is where the search appeared, I would like to remove the line which remains empty only in the mobile version. How can it be done? Link to comment Share on other sites More sharing options...
bera_ramazan Posted January 15, 2023 Share Posted January 15, 2023 @media (max-width:768) { #divName {display:none} } Link to comment Share on other sites More sharing options...
Max90 Posted January 16, 2023 Author Share Posted January 16, 2023 (edited) On 1/15/2023 at 8:13 PM, bera_ramazan said: @media (max-width:768) { #divName {display:none} } don't work. The div is: <div class="header-top"> i put in the custom.css this code: @media (max-width:768){ .header-top {display:none;} } what am I doing wrong? Edited January 16, 2023 by Max90 (see edit history) Link to comment Share on other sites More sharing options...
Knowband Plugins Posted January 17, 2023 Share Posted January 17, 2023 Kindly use the below one , @media only screen and (max-width: 600px) { .header-top {display:none;} } If the above code doesnt work, then kindly share your site URL. Link to comment Share on other sites More sharing options...
Max90 Posted January 17, 2023 Author Share Posted January 17, 2023 (edited) 6 hours ago, Knowband Plugins said: Kindly use the below one , @media only screen and (max-width: 600px) { .header-top {display:none;} } If the above code doesnt work, then kindly share your site URL. Thank you! I modified the code to this (display none didn't bring up the menu, so I just played with the bar margins of the mobile version): @media only screen and (max-width: 770px) { #header .header-top{padding: 0 0;} } you have been of great help, thank you Edited January 17, 2023 by Max90 (see edit history) 1 Link to comment Share on other sites More sharing options...
Max90 Posted January 17, 2023 Author Share Posted January 17, 2023 (edited) now a strange thing is happening. I was trying to re-enter the admin panel but a blank page appears, how can I fix it? It seems strange to me having only modified the custom.css if I activate the diagnostics mode with this modification, by modifying the config/defines.inc.php file: searching for the following string: define('_PS_MODE_DEV_', false); and changing it as follows: define('_PS_MODE_DEV_', true); The admin panel works. I did some searching on the forum and came up with this: 1) backup the folders: var\cache\dev var\cache\prod 2) renamed the folders to "dev_BACKUP" and "prod_BACKUP" 3) tried to reload the front and the admin was able to upload everything. The thing that is not clear to me is, apart from why this happened, that it recreated the "prod" folder but not the "dev" one. Can anyone tell me something about it? Thank you Edited January 17, 2023 by Max90 (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now