Forum Replies Created
-
Posts
-
Thanks Ismael! That’s perfect. Are there any easy ways to style this or will I need to do that all ‘manually’ in the Quick CSS section of Enfold?
Hi Yigit.
The menu is still overlapping the logo when the window is 989 pixels to 1028 pixels wide.
And the second issue hasn’t been solved. The mobile menu still overlaps the logo:
Once the window shrinks down to mobile size, the logo and mobile menu begin overlapping. I’d be okay shrinking the logo down a bit, but when I try, the logo placement ends up out of place (e.g. it’s not nicely left aligned and vertically centered). I’d also be open to swapping in a different version of the logo that is more narrow if you could tell me how to do that.
Hi Josue. I’ve already switched that setting (activate for smartphones & tablets). It helped “turn on” the mobile menu for a slightly larger window dimension, but there’s still a range of window dimensions (about 768px to 1140px) where the traditional menu overlaps.
Then I’m having that second issue where the logo is a problem once the window is small enough for smartphone. The logo was being distorted, so I tried some code that your team posted, but now the logo is being pushed down and isn’t properly vertically aligned. This is the code I used for that particular issue:
@media only screen and (max-width: 479px) {
#wrap_all .logo img {top: 35px; height: 45px !important;}
#wrap_all .second-logo img {top: 0px;}}Thanks Josue. That worked pretty well. I also added in conditional font sizes. The only issue now is that the images are distorted. Any way to keep that from happening? The possible challenge is that the original image dimensions for the top slider are different than the lower slider. Top one is 1030x420px and the lower one is 1030x260px.
I too am having the same issue. I’ve tried a few of the codes your team has posted on this thread and this one too, but nothing has solved all of the issues.
The header is fine at 1140px wide and larger. Smaller than that, the menu begins overlapping with the logo. At approximately 767 pixels wide, the menu switches to the mobile menu which solves the issue. But then, as I downsize further, there’s a point at which the logo becomes distorted. I used some of the code provided in a thread so it’s no longer distorted, but it’s pushed down in the header and not properly vertically positioned.
Hi Ismael. I think I’m all set. I got something to display! Still needs some work, but it’s there. Thank you!
Hi Ismael. I tried adding it via the visual editor too. I simply pasted [custom-facebook-feed] into the field and saved the changes, but it still doesn’t show anything when I check the site.
