Hello,
When I make my website smaller on my laptop the icon-box will be underneigh each other (icon bove, text below), which looks not that good.
Is there a code which I can add that my icon-box will get smaller when I make the size of the screen smaller?
Thanks!
website: http://www.chinastages.nl
Hey Leon,
Yes the is possible, but right now I get an error when going to your site: “This site can’t be reached http://www.chinastages.nl took too long to respond.” Site up?
Best regards,
Mike
Hey Mike,
That’s strange, I can reach my website easy through: https://chinastages.nl
– I just see that my logo is not visible too, do you know what might be the problem?
– and could you help me with the problem I explained above in my first post?
Thank you!
Hi,
Thanks for the feedback, your site is loading on my end. I can’t see the problem you are describing though, could you post a screenshot of what you are seeing on your end please? You can upload to a service like google drive or dropbox and then link to it here.
Best regards,
Rikard
Hereby the link with pictures of the problem with the logo and buttons/text
Thanks
(see private content)
Hi,
Try adding this css code at the bottom of Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:1024px) {
#homeboven .flex_cell.av_one_third {
display: block;
width: 100%;
}
#homeboven .flex_cell.av_one_third .flex_column_table_cell {
display: block;
width: 255px;
margin: 0 auto;
}
}
Let us know if this helps :)
Best regards,
Nikko
It works a bit,
But still I have the same problem, just not fully anymore.
My logo will be behind the text as well…
Hi,
Try going to Enfold > Header > Mobile Menu > and set Header Mobile Menu Activation to to Activate for Smartphones and Tablets (browser width below 990px). Hope this helps :)
Best regards,
Nikko
Thanks, it looks better now!