Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #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?

    #1098291

    Hey 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,
    Rikard

    #1098432

    Hey Rikard,

    See private content section.

    Regards,

    Patrick

    #1098738

    Hi 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,
    Rikard

    #1098841

    Hi 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,
    Patrick

    #1098844

    Because 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>

    #1099165

    Hi,

    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,
    Rikard

    #1100516

    Oke, 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?

    #1100531

    Just 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 4 years, 11 months ago by phouthuijzen.
    #1100824

    Hi,

    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,
    Rikard

    #1100972

    Hi 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,

    #1101252

    Hi,

    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,
    Rikard

    #1101343

    Hi,

    Yes, closer to the logo on the right that is correct. And that it works good on all devices.

    Thank in advance.

    Regards,

    #1102368

    Hi,

    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,
    Ismael

    #1102448

    Hi 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,
    Patrick

    #1102663

    Hi,

    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,
    Ismael

    #1102750

    Hi Ismael,

    Works like a charm, great!

    Thank you very much.

    Regards,

    Patrick

    #1102764

    One 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!

    #1103942

    Hi,

    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

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.