![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: child theme, style.css
-
AuthorPosts
-
May 7, 2019 at 2:27 pm #1098080
Hi,
Great theme from you guy, keep up the good work. Actually having a problem with the style.css from the child theme. If I make changes it is not working, also the quick CSS is not working that well. I have made this new website in a subfolder of an existing live website, maybe that is also causing the issue?
Can you help me?
May 8, 2019 at 6:03 am #1098291Hey phouthuijzen,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardMay 8, 2019 at 12:34 pm #1098432Hey Rikard,
See private content section.
Regards,
Patrick
May 9, 2019 at 5:31 am #1098738Hi Patrick,
Thanks for that, I see that you have file compression active under Enfold->Performance. What happens if you deactivate that and select to delete the old CSS and JS files as well?
Best regards,
RikardMay 9, 2019 at 10:25 am #1098841Hi Rikard,
If I disable the compression, the style.css works!
But if I enable the file compression again, the style.css does not work. So what should be the solution, because I really want to enable the file compression for speed of the website.
Regards,
PatrickMay 9, 2019 at 10:31 am #1098844Because it probably has something to do with compression, I have removed the code (see below) in my .htaccess file. Did not change anything if I enabled the compression in enfold again, style.css does not work.
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>May 10, 2019 at 6:24 am #1099165Hi,
Thanks for the update. I see that you have compression active under Enfold->Performance, and as far as I can see your CSS is applying to the site. For example:
.logo { top: 15px; }
Which CSS exactly is not working?
Best regards,
RikardMay 14, 2019 at 1:09 pm #1100516Oke, now i Have made the logo like this in the syle.css (Child theme)
.logo {
top: 3px;
}But in the live version of the website nothing happends….
The CSS code in the stylesheet which is working is this one.
.container_wrap { border-top: none !important; }
So sometimes it will get the style.css to work, sometimes it will not. I have cleaned my cache before i ‘hard refresh’ CTRL+F5.
What to do?
May 14, 2019 at 1:33 pm #1100531Just to try, I have disabled the script merging in peformance. And then the style.css works perfectly. If I put on the script merging again, a lot of adjustments change back to original.
-
This reply was modified 5 years, 3 months ago by
phouthuijzen.
May 15, 2019 at 5:54 am #1100824Hi,
Thanks for the update. Are you selecting to delete the old CSS and JS files before you activate compression again? If not then you might get old files loaded. Also, if you are making changes to the site then there’s not point of having compression active, please leave it deactivated until you are done with your edits.
Best regards,
RikardMay 15, 2019 at 11:25 am #1100972Hi Rikard,
Thank you for your reply. I think I have deleted the old CSS and JS files before activating compression again, but I will leave the compression diasbled until the website is finished. If it is not working then, I will knock on the door again :).
In the meantime, do you know how i can get the menu closer to the right widget in my header? I have enabled that the right widget will disappear at screen lower the xxx PX, but when on a desktop it will be better to not see the menu in the center. So header menu more to the right, closer to the widget (Themiek logo) and that it will not overlap on smaller screens. Is this possible?
Regards,
May 16, 2019 at 6:18 am #1101252Hi,
Thanks for the update. Your menu looks centered on my end, so you want it to be closer to the logo on the right?
Best regards,
RikardMay 16, 2019 at 9:10 am #1101343Hi,
Yes, closer to the logo on the right that is correct. And that it works good on all devices.
Thank in advance.
Regards,
May 20, 2019 at 5:19 am #1102368Hi,
Thanks for the update.
You can apply a left margin to the main menu container.
.responsive #top #header #header_main .inner-container .main_menu { order: 0; flex-basis: auto; align-items: center; align-self: center; margin-left: 2%; }
Best regards,
IsmaelMay 20, 2019 at 11:46 am #1102448Hi Ismael,
Thank you for your reply. This method works, only one more problem. If I zoom in (to see how it looks on different devices) the last two menu items are not shown as it should. Any solutions for this problem?
Thank in advance. I am happy with the theme and all the functions. Support is also good!
Regards,
PatrickMay 21, 2019 at 4:07 am #1102663Hi,
Thanks for the update.
You should remove the margin or adjust it for smaller screens.
@media only screen and (max-width: 1150px) { .responsive #top #header #header_main .inner-container .main_menu { margin-left: 0; } }
Make sure that you add that code below the previous one. CSS media queries are usually added at the very bottom of the stylesheet.
Best regards,
IsmaelMay 21, 2019 at 9:25 am #1102750Hi Ismael,
Works like a charm, great!
Thank you very much.
Regards,
Patrick
May 21, 2019 at 9:47 am #1102764One more question, sorry guys :(.
How can I unstick the header on mobile devices? I have an sticky header, but this should be ignored on mobile…
I guess it is in my CSS, but do not know what to change. Really appreciate your help!
Thank in advance!
May 24, 2019 at 4:06 pm #1103942Hi,
I checked your site but I cannot locate the custom CSS which you have added. Please open a new ticket so we can keep the topic related and also let us know where we can locate the custom CSS which you have added. We will be happy to provide you with an alternate code :)
Best regards,
Vinay -
This reply was modified 5 years, 3 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.