-
-
Our website is about to go live, but I have a few questions before we are fully ready:
The homepage is not responsive, and also pages with buttons are not fully responsive. I can’t see what’s the problem.. Can you please help/advise?
Pages concerned:
Home: (buttons ‘download the app’ and ‘lees meer over zakelijk verkopen’ are positioned somewhere on the right and this is not visible on mobile screen.
https://gratis-ophaalservice/ (grey textfield next to the yellow truck is not fully responsive)
https://zakelijk/ (2x green button ‘download the app’ and ‘overeenkomst downloaden’)
Furthermore:
– On mobile version, 2 mini-menu’s are shown.
– strange order of ‘copyright 2016’ and ‘privacy beleid’ in the footer
– With fullwith desktop screen the “read more” button on this page (https://zakelijk/#consignatie) jumps a few lines too far and therefore title/first text in the row is not showing. On mobile it jumps to the right line.
-none of the (layer slider) headers is responsive, I prefer to show some kind of (header) image on all mobile pages. I tried featured image on the homepage but didn’t work as image on top of the page.
– Is it possible to zoom the pictures or page on mobile version? Concerning this page: https://verpakkingsinstructies/
Thanks for your great support! I am fully satisfied with the theme and website :-)
Linsey
- This topic was modified 8 years, 3 months ago by Boekenbalie.
-
Hello,
I see you have an old copy of theme. Please update theme first and then Visual Composer to their latest versions.
The site is fully responsive so these are caused by other reasons.Did you add any custom css code? Or edited out some? I see that there is an auto-generated (or added) code that prevents the button to be responsive.
It’s this:.vc_custom_1471253301897 { padding-bottom: 100px !important; padding-left: 435px !important; }
Please see screenshot. when the padding-left is commented out, the button shows up in it’s right place. If you haven’t then some of your installed plugins may be generating it.
Note: Please consider updating your profile data. Read this article for more information.
Best regards!
-
Thanks Mihaila,
The theme is updated only VC gives an error (error installing WPBakery VC, download failed. URL url specified is invalid). Profile data updated as well, thanks.
Custom CSS is added in the design options/CSS box (text box settings) 435px left and 100px bottom. Otherwise the button is outlined on the left in the normal fullwith view. I cannot attach the image example? When I click Insert image the source is asked but the file is on my computer.
Two mini-menu still visible on mobile screen, and the other questions are not solved by updating the theme.
Thanks for your efforts!
Linsey
- This reply was modified 8 years, 3 months ago by Boekenbalie.
-
I changed the buttons into VC buttons and these are responsive. Button problem is solved :-)
-
Hello,
1-You need to switch to parent theme first, then update plugins. They are located in parent theme folder, so trying to get them while in a child theme will give a wrong url error.
I already updated Visual Composer for you.2- On mobile version, 2 mini-menu’s are shown:
Do you mean the two icon’s with 3 horizontal bars? (screenshot). Do you want to remove the second one? If yes, then please add this code into your custom css box:
@media (max-width: 480px) { a.extra_navigation_button { display: none; }}
3-strange order of ‘copyright 2016’ and ‘privacy beleid’ in the footer:
Do you want them centered? I already added this code into your custom css box:@media (max-width: 979px){ #copyright .widget ul { padding-left: 111px !important; }}
to align “Privacy beleid” edit the value to your wish.
4-With fullwith desktop screen the “read more” button on this page (https://zakelijk/#consignatie) jumps a few lines too far and therefore title/first text in the row is not showing. On mobile it jumps to the right line:
I can’t see what button are you referring to. The link is not available any more. please send us the page’s link where is this happening.5-none of the (layer slider) headers is responsive, I prefer to show some kind of (header) image on all mobile pages. I tried featured image on the homepage but didn’t work as image on top of the page.
I edited the settings of “Homepage slider”, just like the ones of the demo slider “Full width demo slider”. The slider is responsive now. Please check on mobile test page: https://staging.boekenbalie.nl/test/6–Is it possible to zoom the pictures or page on mobile version? Concerning this page: https://verpakkingsinstructies/:
Can you please check th elink? I can’t access it(screenshot).Let us know.
Best regards!
- This reply was modified 8 years, 3 months ago by Mirela.
-
Thank you Mihaila for your support!!
Working on 1-3.
4—> update: after theme update none of the buttons work
With fullwith desktop screen the “read more” button on this page (https://zakelijk/#consignatie) jumps a few lines too far and therefore title/first text in the row is not showing. On mobile it jumps to the right line:
https://staging.boekenbalie.nl/zakelijk/5- YES YES, thanks!
6–Link: <span style=”line-height: 1.5;”>https://staging.boekenbalie.nl/verpakkingsinstructies/
</span>Is it possible to zoom the pictures or page on mobile version? (also the logo’s on the homepage)Thanks again!
-
Hello,
4-Do you mean this button: screenshot? The link of the button is not correct, that is why it’s not working. I edited it out (removed the # sign from it) and now it works well.
PS: This link you provided (this: https://zakelijk/#consignatie is not valid)
6-I added this code to zoom the logo in mobile:
@media (max-width: 480px){ #logo img { max-height: 87px !important; margin-top: -44px !important; height: 84px !important; } }
You can edit the values to your wish.
sorry but the images you want to zoom, can not be bigger than they are already.
Because of their width and height that if you increase the height, the width will also increase and hide the mos part of the image, out of mobile screen boundaries.Best regards!
-
4. this is the page involved: https://staging.boekenbalie.nl/zakelijk/#consignatie
There are three buttons next to each other “Lees Meer” with a link to another section on the page. I think it is because of the menu-header height that you cannot see all the text lines involved. If I click the first button, the screen jumps to that section but there is about 80px height that you cannot read because the menu is shown. On mobile screen it looks normal, as there is no menu-header.
Thanks for your help!
-
Hello,
Please refer to this topic: https://support.codeless.co/?topic=sticky-nav-and-one-page-links-overlap regarding the top position of sticky menu.
Best regards!
-
Thanks, smooth scroll is active. Where do I find file.js / jquery.onepage.js to change this:
scrollTo: function(target, callback) {
var offset = $(target).offset().top;
$(‘html, body’).animate({
scrollTop: topposition
}, this.config.scrollSpeed, this.config.easing, callback);
},
Replace with these:scrollTo: function(target, callback) {
var offset = $(target).offset().top;
var topposition = offset – 70;
$(‘html, body’).animate({
scrollTop: topposition
}, this.config.scrollSpeed, this.config.easing, callback);
},
- This reply was modified 8 years, 3 months ago by Kris. Reason: html tags
-
Hello,
Sorry for the late reply.
The file is located to your theme files –> \wp-content\themes\specular\js. Here open jquery.onepage.js and replace the lines.
Let us know.Best regards!
-
You must be logged in to reply to this topic.