Tagged: ,

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 7, 2019 at 2:27 pm #1098080
    phouthuijzen

    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 #1098291
    Rikard

    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

    May 8, 2019 at 12:34 pm #1098432
    phouthuijzen

    Hey Rikard,

    See private content section.

    Regards,

    Patrick

    May 9, 2019 at 5:31 am #1098738
    Rikard

    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

    May 9, 2019 at 10:25 am #1098841
    phouthuijzen

    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

    May 9, 2019 at 10:31 am #1098844
    phouthuijzen

    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>

    May 10, 2019 at 6:24 am #1099165
    Rikard

    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

    May 14, 2019 at 1:09 pm #1100516
    phouthuijzen

    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?

    May 14, 2019 at 1:33 pm #1100531
    phouthuijzen

    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 5 years, 6 months ago by phouthuijzen.
    May 15, 2019 at 5:54 am #1100824
    Rikard

    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

    May 15, 2019 at 11:25 am #1100972
    phouthuijzen

    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,

    May 16, 2019 at 6:18 am #1101252
    Rikard

    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

    May 16, 2019 at 9:10 am #1101343
    phouthuijzen

    Hi,

    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 #1102368
    Ismael

    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

    May 20, 2019 at 11:46 am #1102448
    phouthuijzen

    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

    May 21, 2019 at 4:07 am #1102663
    Ismael

    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

    May 21, 2019 at 9:25 am #1102750
    phouthuijzen

    Hi Ismael,

    Works like a charm, great!

    Thank you very much.

    Regards,

    Patrick

    May 21, 2019 at 9:47 am #1102764
    phouthuijzen

    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!

    May 24, 2019 at 4:06 pm #1103942
    Vinay

    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

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