Forum Replies Created
-
Posts
-
I was able to fix the alignment of the logo, but if you scroll slowly, you will notice that the logo when it starts shrinking will slowly creep to the left, and then will center itself when it’s completely scrolled.
Any ideas on that?
Actually this caused another issue. Now when you scroll down, the logo stays large.
Edit:
I changed the code to the following:
.av_header_transparency #header_main .container.av-logo-container {
width: 300px;
padding: 0;
z-index: 10;
}#header .logo {
width: 232px;
}The logo shrinks when you scroll down, however it is not linked and it floats a little to the left.
Hey Mike,
When I add that code, it makes my grid very long, even after adjusting the height. It doesn’t seem to just sit in the background behind the content.
Update:
I changed the min-height of the content to 45px and that fixed some of the issues. However, the pages that have longer content still do the same issue. Check out the link I put in the private content for a page with longer content on mobile inspection.
Here’s another picture of another page. As you can see if the text is not even, it progressively gets worse and worse
You guys can close this topic, I resolved the issue.
I for some reason thought the tablet break point was max-width: 768px, not max-width 767px/min-width 768px
Changed my coding around and now everything is good
Tried changing that to 768px, still no luck. It seems like a lot of my max-widths are 767px for some reason. Like I said previously, I have no coding for 767px, only max-width: 768px, so is there something wrong in my settings or something?
Here are the codes that are set to “max-width: 767px” when I do inspect element, but I don’t see these in my CSS coding. When I change these to 768px, it makes the layout perfect.
@media only screen and (max-width: 767px)
(index):62
#top #wrap_all .av_header_transparency {@media only screen and (max-width: 767px)
(index):62
.responsive .logo img {I am going to try to write this as custom code and see what happens.
Sorry for such a late response lol, been busy updating other stuff and total forgot about this until today. Here is the website below:
If I remove all my custom css that start with @media it would literally ruin the layout of my mobile website lol. I’ve tried checking through the coding for those @media 768px and I cannot seem to find the issue.
As for the second issue, I will make a page with the masonry gallery with perfect grid and I’ll show you, all the masonry galleries right now are flexible grid.
Also, for masonry gallery, every time I choose the option of ‘Perfect Grid’ instead of ‘Flexible Masonry’, the images aren’t even visible. It’s completely blank, and just has the titles. I need to make it perfect grid because I don’t like the unevenness that Flexible Masonry does, and with the layout of the front page, the ‘Select Your Device’ portion just looks messy.
Any advice?
I just changed the menu so you won’t be able to see the problems, but basically iPhone Repair, Smartphone Repair, and iPad Repair are all supposed to be mega menus. It seems like the menu has a cutoff for the amount of items you can put now for some reason.
Hey Elliott,
The only reason I don’t want to do it that way is because I don’t have a child theme, and I don’t want to go through the hassle of having to add that code every time I update the theme.
This issue for some reason happened after I added the grid row, yet any other pages that has a grid row works perfectly fine.
Here’s the image. you can see where it starts getting cut off. I am using an iPhone 5S and have emptied the cache on the webpage plenty of times. It only does it on the home page, right when you scroll down past the phone devices.
