-
Posts
-
It seems like my breakpoint for my website is at max-width 767px instead of 768px for tablets. My website right now doesn’t display the menu properly at 768px, is there anyway I can change the breakpoint to 768px? I tried to check under Enfold > Header > Mobile Menu but I don’t seem to have that option. Here are some pictures of what I mean.
Hey Sal,
Would you be able to provide a link to the site so that we can inspect the page?
Best regards,
Jordan ShannonSorry for such a late response lol, been busy updating other stuff and total forgot about this until today. Here is the website below:
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.
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?
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
- The topic ‘How to change tablet breakpoint to "max-width: 768px"’ is closed to new replies.