![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
June 15, 2017 at 1:37 am #808341
Hi Team Enfold,
Several pages are not rendering responsive on our website. They are:
The logo overlaps the main menu as well. We’ve added several @media code to our CSS as well. Login credentials are provided.
Thank you in advance.
June 15, 2017 at 2:28 am #808347Hey stanbrid,
Please go to Enfold->Header->Mobile Menu and select to show the mobile menu for tablets as well.
Or you can use the following CSSin the General Styling > Quick CSS field:@media only screen and (max-width: 1024px) { nav.main_menu {display:none !important;} #advanced_menu_toggle, #advanced_menu_hide {display:block !important;} }
Adjust the value 1024 to the pixel value of your liking.
Best regards,
MikeJune 15, 2017 at 2:58 am #808354Hi Mike,
Thank you for the quick response. This fixed one of the two problems, being the logo overlapping the main menu. The other problem where some content not responsive on these pages still remains though.Two elements as seen on: http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=1024&h=768&a=22&s=1.
Thank you in advance,
NicoleJune 18, 2017 at 9:04 pm #809600Hi,
I loaded the page and I can see all functioning properly
Which exact area not working?Best regards,
BasilisJune 19, 2017 at 4:39 pm #809868The Section backgrounds are not responsive. The first Section <Better together…> background image getting shifted down. The third Section <Why Partner with…> same thing. The last Section <Let’s Join forces…> isn’t even visible until the third input box.
Here is the correct layout –> http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=1366&h=768&a=1&s=1
Here is the wrong layout –> http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=320&h=568&a=37&s=1
Several other sizes aren’t rendering responsively as well.June 21, 2017 at 11:10 pm #811215Hi,
Please take a look here
user it and let us know if that will help you.
You do need to modify the background of the section based on thatBest regards,
BasilisAugust 24, 2017 at 11:02 pm #843728Hi Basilis,
The link provided is dead. Could you send the correct one please.
Best regards,
NicoleAugust 28, 2017 at 4:52 pm #844882Hi Nicole,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) { #top #wrap_all .av-inherit-size .av-special-heading-tag { font-size: 38px; } .avia-section.av-minimum-height .container .content { padding-top: 30px; vertical-align: top; } #av_section_1 { background-attachment: scroll !important; background-position: top left !important; background-size: cover !important; height: 280px; } #av_section_1 .hr.hr-invisible.avia-builder-el-4 { height: 40px !important; } }
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.