RESPONSIVE 2022

Hi,

We are sorry for the late reply!

Website 1
1- Ismael’s suggestion should have fixed this. To make sure that we are on the same page, you can edit your slide and go to Styling > Font Sizes and then click on the icons to set different font size for different screen sizes – https://imgur.com/a/4BWqPWN. If this is not working for you, could you please create temporary admin logins and post them here privately so we can look into it?
2- Glad you figured it out!

Website 2
1- That is because of the following custom CSS code

.logo img {
  padding: 25px 0;
}

Please add following code to Quick CSS field in Enfold theme options > General Styling tab to override it on smaller screens

@media only screen and (max-width: 767px) { 
.logo img {
  padding: 5px 0;
}
}

2- Ismael’s suggestion should work here as well. If it does not, please post WP admin logins for this website privately as well.
3- You have couple of custom CSS code to adjust the top padding on #main. If the issue is only on Careers page, please add following code to Quick CSS

@media only screen and (max-width: 480px) {
.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}}

If it is on all pages in portrait mode, please use the code as following instead

.responsive #top.page-id-6968 #wrap_all #main {
  padding-top: 121px !important;
}

4- There is not enough space in your 3rd custom HTML widget area. You can either use following code to display cut off part

@media only screen and (max-width: 767px) { 
#footer .widget {
  overflow: visible;
}
}

Or use following one to switch column to fullwidth on screens below 820px

@media only screen and (max-width: 820px) { 
#footer .flex_column {
  width: 100%;
  margin-left: 0;
}
}

For the pages with sidebar, please go to Enfold theme options > General Layout > Dimensions and adjust “Content | Sidebar Ratio”

Best regards,
Yigit

Hi,

Website 1
I checked your website on my iphone in landscape mode but it looks fine to me. Title font size is big however if you decrease it by referring to our previous replies, it should look great.

If I did not understand the issue, could you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com and post the links here.

Website 2
5) Sidebar
It seems like “Do not show sidebar on smartphones” option not enabled in theme options. Could you please confirm that? If it is not enabled, then please check your custom CSS for following code

  @media only screen and (max-width: 767px)
.responsive #top #main .sidebar {
  display: none;
}

You can add following code to Quick CSS and change page ID (“page-id-6968” in example below) to display sidebar on mobile on specific pages

 @media only screen and (max-width: 767px) { 
.responsive #top.page-id-6968 #main .sidebar {
  display: block;
}}

6) Header
Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 990px) { 
#header_meta {
  display: none;
}}

Best regards,
Yigit