Forum Replies Created
Solution for this topic
Thanks for your help! With some tweaking to those 2 pieces of code, I was able to get everything aligned and sized correctly!
#page-container .sh-header-mobile-navigation .header-logo img {
height: auto;
max-width: 85%;
width: auto;
max-height: 100%;
}.sh-header-mobile .container {
max-width: 95% !important;
}Okay, so that fixed the logo resizing issue, but it caused an issue with the alignment of the menu drop down and shopping cart icons on the top header. Is there CSS to make the drop down and shopping cart dynamically display correctly in-line with the header logo (like they were before). Screenshot attached on how the header looks after using your CSS code.
*I set max-width: 90% from your above code
I originally missed that part of your comment, my apologies! I have replaced the logo image with a 250px x 75px image as you suggested, but I am still having the same stretching issue (mobile site only). Can you take one last look at this?
*Also, the 250px max height is misleading, since my image is 75px in height. If the 250px is a width restriction, it should be denoted as max width 250px on the Theme Settings -> Header section.
Thanks!
The CSS you provided fixed the icon overlap in my header menu, however, the header logo is still being stretched. It is not stretch on my non-mobile site when viewed on a computer/PC. Is there any solution to remedy the image stretching? I believe the logo resolution is within the correct pixels dimensions required to fit properly.
Thanks for your help!
That worked great, thank you very much for the quick reply and support! Much appreciated!
Thanks for the reply! The codes is working well for the desktop version, but is not modifying the mobile site. Is there any way to reduce the white space further on the mobile site header nav bar? Screenshot attached!
Thanks!
Thanks for the update. I see that this now functions correctly!
I’m using the Corporate Theme with Header Style 5 and am trying to find a way to reduce the fixed header navigation bar size when I scroll down (reduce by half the size). I’ve tried the code you posted above and have looked at many posts in overall forum, but haven’t found a solution yet. Ideally it would be nice to have this modified for both desktop and mobile site versions.
Thank you for your quick reply! That worked wonderfully :).
I am having this same issue on my site. How are new fixes rolled out for issues like this? Do updates only occur when the entire theme is updated to a new version/release? I’m new to Jevelin and this support, so I was just wondering what to expect!
Much thanks!
